我正在开发一个博客项目,使用 React 和 Node 来创建它的前端和后端。我正在尝试在我的管理前端中实现 TinyMCE,并且它有效,这意味着我可以在页面中看到编辑器,我可以在其中写入,并且可以将我写入的内容保存在数据库中。但是当我从数据库获取文章并将它们呈现在页面上时,我看到的是:<p>This is an example.</p>
我阅读了文档,但找不到如何正确呈现内容的答案。我尝试使用 html-parser,但<p>它没有显示 ,而是显示了<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)