Question

我需要在我的一个CKEditors中禁用自动编辑代码。如果我将此代码作为HTML：

<div class="kontaktJeden">
                <div class="obr">
                    <img src="images/insol.png" alt="">
                </div>
                <div class="text">
                    <table>
                        <tr><td><span class="meno"><strong>Text.</strong></span></td></tr>
                        <tr><td><span class="text">Text</span></td></tr>
                        <tr><td><span class="ico"><img src="images/ico.png" alt="">Text</span></td></tr>
                        <tr><td><span class="dic"><img src="images/dic.png" alt="">Text</span></td></tr>
                <!--         <tr><td><span class="mob"><img src="images/phone.png" alt="">Text</span></td></tr> -->
                        <tr><td><span class="mail"><img src="images/mail.png" alt="">Text</span></td></tr>
                        <!-- <tr><td><a href=""><img src="images/fb.png" alt=""></a><a href=""><img src="images/yt.png" alt=""></a></td></tr> -->
                    </table>
                </div>

CKEditor会将其更改为：

<table>
    <tbody>
        <tr>
            <td><strong>Text.</strong></td>
        </tr>
        <tr>
            <td>Text</td>
        </tr>
        <tr>
            <td><img alt="" src="images/ico.png" />Text</td>
        </tr>
        <tr>
            <td><img alt="" src="images/dic.png" />Text</td>
        </tr>
        <!--         <tr><td><span class="mob"><img src="images/phone.png" alt="">Text</span></td></tr> -->
        <tr>
            <td><img alt="" src="images/mail.png" />Text</td>
        </tr>
        <!-- <tr><td><a href=""><img src="images/fb.png" alt=""></a><a href=""><img src="images/yt.png" alt=""></a></td></tr> -->
    </tbody>
</table>

自动。我该如何禁用它？

感谢您的回答。

Answer 1

您无法关闭此功能。 CKEditor重新格式化数据的原因有：

需要解析它以解决问题，因为它需要在编辑时拥有有效的源。
需要处理您的数据，因为您需要调整数据以便在contenteditable中进行修改。
它通过浏览器的DOM传递您的数据，因此格式化将丢失，因为DOM不会保留它。

从您发布的来源，您只能保留您的课程和divs（如果这是您的问题）。它们被CKEditor剥离，因为它们是不被允许的。请阅读Advanced Content Filter使用config.extraAllowedContent扩展哪些设置。

Answer 2

通过禁用“清理”解决了这个问题。其他选项（allowedContent，extraAllowedContent）仅适用于标记（无论如何都要移除属性）。版本 4.4.5 。

allowedContent: true

CKEditor禁用自动编辑HTML代码

2 个答案: