html - 使用 CKEditor 编辑整个网站

Question

我正在尝试使用 CKEditor 编辑整个 Html 电子邮件(html、正文、标签等)(因此所有 Html 代码都在文本区域内)。

当我通过 ajax 加载 Html 并将其放置在 textarea 中时，外部页面会获得加载页面的一些属性(例如，我可以看到背景颜色发生变化)。

有什么办法可以避免这种情况吗？

我正在使用 CakePHP，我的部分中有这个:

    if($this->request->params['controller'] == 'designs')
    {
        echo $this->Html->script('ckeditor/ckeditor.js');
        echo '<script>var enableCkeditor = true;</script>';
    } else
    {
        echo '<script>var enableCkeditor = false;</script>';
    }

稍后我会执行以下操作:

<script>
$(document).ready(function()
{

    if(enableCkeditor)
    {
       CKEDITOR.replace('htmleditor');
    }
});
</script>

和后来这个(作为表单的一部分)

<textarea name="html" id="htmleditor" class="ckeditor"><?php echo $thisHtml; ?></textarea>

我想要实现的是创建一个 HTML 电子邮件编辑器，因此我加载的 Html 具有内联的所有样式。你们知道一个好的开源电子邮件 Html 编辑器吗？

谢谢

Answer 1

您需要通过 htmlentities 转义文本区域内的 HTML :

<textarea name="html" id="htmleditor" class="ckeditor"><?php echo htmlentities($thisHtml); ?></textarea>

<textarea> 之间的任何未编码的 html和 </textarea>被评估为常规 HTML，这意味着您正在生成一个非常无效的 HTML 文档，并且任何脚本/样式表链接标记都将被评估并应用于您的 DOM。