Open IntelligaiaVivek opened 3 years ago
You can use rehype plugins to solve this problem.
import React from "react";
import ReactDOM from "react-dom";
import MDEditor from '@uiw/react-md-editor';
export default function App() {
const [value, setValue] = React.useState("**Hello world!!!**");
return (
<div className="container">
<MDEditor
value={value}
onChange={setValue}
previewOptions={{
rehypePlugins: [yourPlugins]
}}
/>
</div>
);
}
This is just an idea, not sure to solve your problem. @IntelligaiaVivek
ok no problem @jaywcjlove Again thanks for this Awesome editor :)
Which plugin we need to use to achieve the select in the checklist ?
import React from "react";
import ReactDOM from "react-dom";
import MDEditor from "@uiw/react-md-editor";
import rehypeRewrite from "rehype-rewrite";
const mkdStr = `
- [ ] TODO
`;
function App() {
const [value, setValue] = React.useState(mkdStr);
return (
<div className="container">
<h3>Auto</h3>
<MDEditor
height={200}
previewOptions={{
rehypePlugins: [
[
rehypeRewrite,
{
rewrite: (node, index, parent) => {
console.log(node);
}
}
]
]
}}
value={value}
onChange={setValue}
/>
</div>
);
}
ReactDOM.render(<App />, document.getElementById("container"));
I am not able to get the checked and unchecked state from preview, whether we have selected any checklist or not?
Example:-