RighEditor.jsx 607 B

1234567891011121314151617181920212223
  1. import React, { useState } from 'react'
  2. import SimpleMDE from 'react-simplemde-editor'
  3. import 'easymde/dist/easymde.min.css'
  4. const RighEditor = ({ value, onChange }) => {
  5. const [cValue, setValue] = useState(value)
  6. // 完成!
  7. function handleEditorChange(content) {
  8. setValue(content)
  9. onChange(content)
  10. }
  11. return (
  12. // <MdEditor
  13. // style={{ height: '300px' }}
  14. // value={cValue}
  15. // renderHTML={text => mdParser.render(text)}
  16. // onChange={handleEditorChange}
  17. // />
  18. <SimpleMDE value={cValue} onChange={handleEditorChange} />
  19. )
  20. }
  21. export default RighEditor