小编Tho*_*rke的帖子

如何从 TinyMCE 解析和渲染文本数据

我正在开发一个博客项目,使用 React 和 Node 来创建它的前端和后端。我正在尝试在我的管理前端中实现 TinyMCE,并且它有效,这意味着我可以在页面中看到编辑器,我可以在其中写入,并且可以将我写入的内容保存在数据库中。但是当我从数据库获取文章并将它们呈现在页面上时,我看到的是:&lt;p&gt;This is an example.&lt;&#x2F;p&gt; 我阅读了文档,但找不到如何正确呈现内容的答案。我尝试使用 html-parser,但&lt;p&gt;它没有显示 ,而是显示了<p>标签。我不确定是否必须更改使用tinyMCE保存文本的方式,或者执行GET请求时显示文本的方式。这是嵌入编辑器的组件:

import React, { useState } from 'react';
import { useHistory } from 'react-router-dom';
import Navbar from './navbar';
import authHeader from '../services/authHeader';
import { Editor } from '@tinymce/tinymce-react';

const CreatePost = () => {
  const [title, setTitle] = useState('');
  const [text, setText] = useState('');
  const [errors, setErrors] = useState([]);
  const history = useHistory();

  const handleEditorChange = (content, editor) => {
    setText(content);
  };

  const handleSubmit …
Run Code Online (Sandbox Code Playgroud)

wysiwyg tinymce reactjs

6
推荐指数
0
解决办法
908
查看次数

标签 统计

reactjs ×1

tinymce ×1

wysiwyg ×1