0

我有一个前端反应应用程序将数据发布到服务器。使用 CKEditor 和 React Hook 表单。当我在发布之前 console.log 数据时，我得到了理想的 html 格式文本 ( <p><strong>)。但是，当我检查数据时，我看到了 html 实体 ( &lt;p>...s&lt;strong>)。我希望服务器接收我在前端看到的数据，作为 html 格式的文本，这样我就可以在应用程序的其他部分正确显示它。这是相关的代码。

创建文章.jsx

...
const [ckData, setCkData] = useState(null)

...
const onSubmit = data => {
        // place tags into an array
        modifyTag(data);
        // retrive data from CKEditor, place into 'content'
        modifyContent(data)
        // 'content shows as html formatted text as intended
        console.log(data)
        // imported create article (POST) from axios.js
        createArticle(data)
            .then(res => {
                const id = res.data.data.id;
                setArticleId(id);
            })
            .catch(err => console.log(err.response.data.error))
    }

...

   const modifyContent = (data) => {
        // React Hook Form troubles with CK and handleSubmit
        // manually replace content with ckData
        data.content = ckData
    }
...
<Controller
          as={<CKEditor
          editor={ClassicEditor}
          onBlur={(event, editor) => {
          //save data to content variable
          const content = editor.getData();
          //save content to CkData hook
          setCkData(content)
          }}
        />}
   name="content" control={control}
 />
...

有前端解决方案吗？

4

0 回答 0