CKEditor 转义 html

Question

我在 post 文本上安装了 CKEditor，我想在其中插入 html 代码。像这样：

<pre>
<code class="html">
<img src="path/to/img.jpg" />
</code>
</pre>

但是当我保存文本时，CKEditor 将 img-tag 解释为实际的 html-image 并显示损坏的图像。我如何防止这种情况发生并告诉我如何在 pre-code 块

中转义 html-code

Answer 1

<pre>
<code class="html">
<img src="path/to/img.jpg" />
</code>
</pre>

这是在 pre 元素中的图像。您要创建的是：

<pre>
<code class="html">
&lt;img src="path/to/img.jpg" /&gt;
</code>
</pre>

如果你在 CKEditor 的 pre 元素里面写 <img .../>，那么 CKEditor 将 return 这个（有效） HTML.

开发人员通常不知道的是，当他们将内容从数据库加载到 <textarea> 时，可能需要对该内容进行编码（取决于其保存方式）。例如在 PHP 中，通过 htmlspecialchars().

就足够了

CKEditor escape html