Comments (2)
Ehm. If you just want them to be 1:1 pixel-wise, then it shouldn't be harder than a couple of scroll listeners and some element.scrollTo()
calls.
If you want the result pane to follow the content, that's will be slightly harder. I guess you might be able to make something work by setting sourcePos
to true, then on input event figure out which line number the cursor is on and scroll to the first rendered element that has a source position which starts on that line?
This isn't really all that related to react-markdown as there are no "editor" and "result panel" concepts built in, but hopefully this will give you some ideas to start with.
from react-markdown.
Thanks for your suggest, I know how to do now.
from react-markdown.
Related Issues (20)
- Bug on old safari(14.1.1) macos 11.4 HOT 2
- Unable to resolve "devlop" from "node_modules/react-markdown/lib/index.js HOT 10
- Classname is always `undefined` HOT 8
- request refactoring HOT 3
- Usage of `Object.hasOwn` breaks web pages on iPad OS (iPad Air, Safari & Chrome) HOT 4
- rehypeKatex with remarkMath is not working for latex math HOT 1
- Does not parse ordered list from markdown correctly, HOT 6
- Code highliting with react-syntax-highlighter bug HOT 7
- Unnecessarily narrow range for React peer deps HOT 7
- Support for inapp links HOT 5
- text not created as hyperlink HOT 6
- Possible inconsistency with handling emphasis and strong when immediately followed by emphasis HOT 3
- p component overriding img component HOT 4
- A 11k star makrdown widget can not have a copy button at code block?
- How render image in cneter? HOT 3
- rermarkgfm showing tasklist wrong HOT 21
- \n Doesn't work properly HOT 8
- Tables do not display correctly when they have spaces at the beginning (remark-gfm) HOT 2
- Code is wrapped in an exrea <pre> even with a custom component HOT 9
- Custom Components Always Re-rendered HOT 4
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from react-markdown.