javascript - CKEditor 禁用自动编辑 HTML 代码

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 重新格式化您的数据的原因如下:

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

从您发布的来源来看，您只能保留您的类和 div (如果这是您的问题)。它们被 CKEditor 剥离，因为它们是不允许的。了解 Advanced Content Filter您可以使用 config.extraAllowedContent 扩展哪些设置。