CKEditor désactive l'édition automatique du code HTML

Question

Je dois désactiver l'édition automatique du code dans l'un de mes éditeurs CKE. Si je mets ce code en 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 le changera en :

<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>

automatiquement. Comment puis-je le désactiver ?

Merci pour toute réponse.

Answer 1

Vous ne pouvez pas le désactiver. Il y a plusieurs raisons pour lesquelles CKEditor reformate vos données :

1. Il doit l'analyser pour résoudre les problèmes, car il a besoin d'une source valide lors de l'édition.
2. Il doit traiter vos données, parce que celles-ci doivent être adaptées pour être éditées en contenteditable .
3. Il fait passer vos données à travers le DOM du navigateur. Le formatage est donc perdu, car le DOM ne le conserve pas.

D'après la source que vous avez postée, vous pouvez seulement garder vos classes et divs (si c'était votre problème). Ils sont supprimés par CKEditor car ils ne sont pas autorisés. Lisez à propos de la Filtre de contenu avancé quels paramètres vous pouvez étendre en utilisant config.extraAllowedContent .