CKEditor转义html

Question

我在帖子文本上有CKEditor，我想插入html代码。像这样：

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

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

中转义html代码

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中的<img .../>元素内写pre，那么CKEditor将返回这个（有效的）HTML。

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