Question

我正在尝试将CKEditor集成到Wordpress中以供客户端使用。我不太熟悉它，这是我第一次使用它。

客户希望在textarea上使用CKEditor，该textarea存储在自定义字段中并显示在页面的侧边栏中。

我通过在页面编辑窗口中添加元框添加了对这种编辑形式的支持。我安装了FCKEditor插件，所以我只需在相关元数据框上调用CKEditor.replace。

问题是当元框包含 THIS 时:(为了方便，我修剪了CSS。实际上有很多）。

<style type="text/css">
<!--
.side-banner .style1 {
    font-family: Arial;
    font-size: 14px;
}
.side-banner .style2 {
font-family: Helvetica;
font-size: 12px;
-->
</style>
<table width="246" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <th width="246" height="15" colspan="2" scope="col"> </th>

CKEditor把它变成了这个：

<p><style type="text/css">
<!--{cke_protected}%3C!%2D%2D%0A.side-banner%20.style1%20%7B%0A%09font-family%3A%20Arial%2C.side-banner%20.style2%20%7B%0A%09font-family%3A%20Arial%2C%20Helvetica%2C%20sans-serif%3B-->
</style></p>
<table border="0" cellpadding="0" cellspacing="0" width="246">
    <tbody>
        <tr>

我的客户坚持在CSS / HTML级别编辑侧箱而不仅仅是内容，我想提供所要求的内容而不是花时间教育他们（这可能是另一个SO问题的话题？）。

我意识到这与CKEDITOR.config.protectedSource有关，但我发现很少有文档可以帮助我，而且我不知道提供什么样的RegEx来避免这种情况。

如何防止CKEditor在此<textarea>标记中吞噬HTML / CSS代码？

Answer 1

从＆lt; style＆gt;

中删除HTML评论（＆lt;！ - 和 - ＆gt;）

编辑：已在此故障单http://dev.fckeditor.net/ticket/4880

中跟踪

CKEditor“保护”我免受内联样式表的影响

1 个答案: