Closed shajil-t closed 3 years ago
use previewOptions.remarkPlugins
props. remark plugins
import slug from 'remark-slug'
<MDEditor
value={value}
onChange={setValue}
previewOptions={{
remarkPlugins: [slug]
}}
/>
@shajil-t
use
previewOptions.remarkPlugins
props. remark pluginsimport slug from 'remark-slug' <MDEditor value={value} onChange={setValue} previewOptions={{ remarkPlugins: [slug] }} />
Thank you so much for the help, much appreciated, this now works on Editor Preview, however I would like to have this plugin for <MDEditor.Markdown>
as well, how can use I use that please?
import slug from 'remark-slug'
<MDEditor.Markdown
previewOptions={{
remarkPlugins: [slug]
}}
/>
@shajil-t
import slug from 'remark-slug' <MDEditor.Markdown previewOptions={{ remarkPlugins: [slug] }} />
@shajil-t
This doesn't seems to be working, there are no id's for headers when rendered in <MDEditor.Markdown>
import slug from 'remark-slug'
<MDEditor.Markdown
remarkPlugins={[slug]}
/>
@shajil-t
import slug from 'remark-slug' <MDEditor.Markdown remarkPlugins={[slug]} />
@shajil-t
This works 👍 Thank you
Headers doesn’t seems to be generating id when rendering as HTML hence the bookmarks are not working, is there any workaround for bookmarks to work?
[@uiw/react-md-editor": "3.0.8"]