0

我试图能够在 react-quill 中编辑原始 HTML，所以我在这里所做的是我在 react quill 下方放置了一个 textarea，它确实显示了原始 HTML。当我更改 react-quill 中的内容时，它也反映了带有原始 HTML 的 textarea 中的更改。事情是当我试图在 textarea 中编辑 HTML 时，它没有显示任何错误，并且 textarea 变成了空白。我不知道我是否在这里遗漏了一些东西，我非常感谢任何帮助，并提前非常感谢。这是代码：

  import ReactQuill from 'react-quill';
  import "react-quill/dist/quill.snow.css";

  const [documentationContent, setDocumentationContent] = useState("")
  const [rawContent, setRawContent] = useState("")

  const handleContentChange = (e) => {
        setDocumentationContent(e)
    }

    const handleRawContent = (e) => {
        setRawContent(e.target.value)
        setDocumentationContent(e.target.value)
    }

    <div className="form-group">
       <label htmlFor="email">Documentation</label>
          <ReactQuill 
             value={documentationContent}
             placeholder="Start writing something"
             modules={EditDocumentation.modules}
             formats={EditDocumentation.formats}
             onChange={handleContentChange} />
    </div>
    <textarea
       className={"raw-editor"}
       value={documentationContent || ""}
       style={{width:"100%",height:"15rem"}}
       onChange={handleRawContent}
      />
4

0 回答 0