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