TinyMCE编辑器html代码块被执行问题

# 前端 / 114访问 / 0评论 / 2021-09-16

在新增代码块时,代码可以正常渲染,保存数据库格式如下

<pre><code>&lt;html&gt; &lt;p&gt;Text&lt;/p&gt; &lt;/html&gt; </code></pre>

 

但是在编辑的时候问题出现了,从数据库读取出的内容展示在页面上被转义为html代码了(页面直接解析渲染了该元素)

<pre><code>Text </code></pre>

 

这里记录一下解决的方法:

根据文档上添加TinyMCE富文本时使用的是textarea标签

<textarea id="mytextarea">Hello, World!</textarea>

使用textarea 就会导致出现上面的问题

 

这里我们可以使用script标签

<script id="mytextarea">Hello, World!</script >
1

本文地址: https://www.kumaomao.cn/article/EQGRVVKYGY.html