使用TinyMCE渲染格式化HTML

时间:2018-06-09 19:50:59

标签: javascript html tinymce pug tinymce-4

在TinyMCE中进行编码和格式化。

这是我的设置:

enter image description here

当我使用任何格式化工具(粗体,粗体等)添加HTML标记时,wysiwyg编辑器最初显示正确:

enter image description here

但是当保存到我的MongoDB并查看帖子时,我得到:

enter image description here

当回到编辑帖子时,我得到:

enter image description here

如果我再次从这里保存,则插入符号会被进一步编码:

enter image description here

所以我想我有两个问题。一个是让编辑器将内容设置为源代码,以便wysiwyg编辑器重新应用格式化的样式。第二个是弄清楚为什么页面在保存到数据库后不会呈现HTML。

有人看到任何明显可以解决其中一个或两个问题的事吗?如果重要的话,我有一个使用Pug作为前端的Node / Express站点。

其他信息 - MongoDB中设置的内容:

enter image description here

其他信息 - Chrome开发工具中的HTML工具检查:

enter image description here

1 个答案:

答案 0 :(得分:0)

你们不会相信这一点。这两个问题的解决方案是单个字符更改

插入包含要呈现的HTML内容的Pug变量时,只需将#{yourVariable}更改为!{yourVariable}