Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/452.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 使用React.js将富格文本编辑器中的HTML标记保存到MongoDB中_Javascript_Ajax_Reactjs_Mongodb_Quill - Fatal编程技术网

Javascript 使用React.js将富格文本编辑器中的HTML标记保存到MongoDB中

Javascript 使用React.js将富格文本编辑器中的HTML标记保存到MongoDB中,javascript,ajax,reactjs,mongodb,quill,Javascript,Ajax,Reactjs,Mongodb,Quill,我一直在尝试创建自己的博客应用程序,用户可以在其中创建帖子,我成功地插入了一个Quill富文本编辑器 它成功地更新了一段状态,但我收到的数据是一个HTML标记(下面的示例)。所以我的问题是:如何通过POST请求将其保存到数据库中 注意:我不是问如何进行后端逻辑或如何进行AJAX调用,我只是问如何将此标记作为参数传递给POST请求。我是否需要某种转换器,以便将HTML标记转换为JSON对象或其他东西 这是标题。这是一个示例文本,所以你们可以了解编辑器产生了什么,以及我在MongoDB数据库中努力

我一直在尝试创建自己的博客应用程序,用户可以在其中创建帖子,我成功地插入了一个Quill富文本编辑器

它成功地更新了一段状态,但我收到的数据是一个HTML标记(下面的示例)。所以我的问题是:如何通过POST请求将其保存到数据库中

注意:我不是问如何进行后端逻辑或如何进行AJAX调用,我只是问如何将此标记作为参数传递给POST请求。我是否需要某种转换器,以便将HTML标记转换为JSON对象或其他东西


这是标题。这是一个示例文本

,所以你们可以了解编辑器产生了什么,以及我在MongoDB数据库中努力存储什么。

这是一些斜体文本。

在已经获取数据的情况下,您应该在react中找到一个选项

你的职能应该是:

function createMarkup(theExactHtmlWithTag) {
    return { __html: theExactHtmlWithTag };
}
而用法:

 <div dangerouslySetInnerHTML={createMarkup(`<h4> Hello <strong> World </strong></h4>` )} />


请记住在数据库存储之前清理HTML。

您可以发送HTML并将其存储为字符串。我还没有在react中尝试过它,但如果我想在javascript中执行此操作,我会将其作为单个字符串存储在变量中,并使用formData构造函数及其append方法将其添加到将要发送回的其他参数中。您还可以使用document createElement方法创建一个textArea,并将其作为innerText属性,然后再次通过.valThank@Tyler2P获取字符串作为参数