2013-08-21 169 views
2

我需要在我的一個CKEditor中禁用自動編輯代碼。如果我把這個代碼HTML:CKEditor禁用自動編輯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> 

自動。我該如何禁用它?

感謝您的任何答案。

回答

2

您無法將其關閉。 CKEditor重新格式化數據的原因有很多:

  1. 它需要解析它來解決問題,因爲編輯時它需要有效的源代碼。
  2. 它需要處理您的數據,因爲您的數據需要在contenteditable中進行編輯。
  3. 它通過瀏覽器的DOM傳遞數據,所以格式化會丟失,因爲DOM不會保留它。

從您發佈的來源,你只能保留你的課程和divs(如果那是你的問題)。它們被CKEditor剝離,因爲它們不被允許。閱讀關於Advanced Content Filter您可以使用config.extraAllowedContent擴展哪些設置。

+0

'extraAllowedContent:「div [*]」'不起作用。所有類都從div中刪除。 – sergekv

0

通過禁用「清理」來解決此問題。其他選項(allowedContentextraAllowedContent)僅適用於標記(屬性正在刪除)。版本4.4.5

allowedContent: true