javascript - CKEditor 转换输入源

Question

我的网站上有 CKEditor。当我将此代码输入源窗口时:

<ul class="active">
   <li>
        <a href="#">
            <img align="" alt="" border="0" src="/media/1.png" /> 
            <h3>Headline</h3>
            <span class="prec">from</span> 
            <span class="price">1</span>
        </a>
   </li>
</ul>

然后，当我单击“保存”时，它会被格式化为:

<ul class="active">
    <li>
        <a href="#"><img align="" alt="" border="0" src="/media/1.png" /> </a>
        <h3>
            <a href="#">Headline</a></h3>
        <a href="#"><span class="prec">from</span> <span class="price">1</span> </a></li>
</ul>

是否可以完全关闭代码重新格式化？它还更改了一些其他 html 代码(例如页面上的 Flash)

有人可以给我一些建议吗？

Answer 1

有关于 formatting the HTML output 的文档。 CKEDITOR.htmlWriter 处理 HTML 源代码的编写。其选项在文档中进行了总结。例如，您可以打开<a>内部的中断。像这样:

writer.setRules( 'a', {breakAfterOpen : true, breakBeforeClose: true} );

这样你至少应该能够让编辑器不要将 anchor 内的所有内容放在一行中。

但是，我认为您正在寻找类似 sourceFormatting: none 的内容但我怀疑这是否存在。编辑器需要解析您的 HTML 以进行验证及其所见即所得功能，因此它似乎总是在保存时进行评估，无格式存储并在打开时在源窗口中重写。

在 another question人们尝试(错误)使用 protectedSource 让 CKEditor 远离他们的 HTML，但我没有尝试这样做。