需要將類添加到HTML編輯器元素的幫助

我正在使用名爲的所見即所得編輯器CKEditor，它的確很棒。在編輯器中，每當我添加新標題/文本/ DIV /圖像/任何其他爲此事，我希望它保持連接用的一類：需要將類添加到HTML編輯器元素的幫助

像

<h2 class="blah">Sample Text</h2> 

<img src="/abc.png" class="blah1" />

這裏有一個參考鏈接： http://docs.cksource.com/CKEditor_3.x/Developers_Guide

我不擅長Javascript，如果任何人都可以幫助我，我會非常感激！

謝謝。

來源

2011-03-08 dsignr

例如，下面的代碼將確保元素將有自己的「alt」屬性填充：

editor.dataProcessor.htmlFilter.addRules(
{ 
    elements : 
    { 
     img : function(element) 
     { 
      if (!element.attributes.alt) 
       element.attributes.alt = 'An image'; 
     } 
    } 
});

閱讀概述（http://docs.cksource.com/CKEditor_3.x/Developers_Guide/ Data_Processor）這個例子是從那裏獲取的。

您可以對「class」進行相同操作。看看現有的輸出，然後添加「類」，如果它是缺少的或替換它們，如果這是你的意圖。

來源

2011-03-14 14:26:18 rquinn

謝謝，正是我在找的！ – dsignr

這似乎不適用於添加'class'屬性。 – Musa

查看此question的答案。

定義期間的對話框，添加一個「類」字段，然後設置並獲取設置和提交功能中的內容。

請查看ckeditor/_samples/api_dialog.html瞭解修改對話框的背景。

您必須查看修改命令的標題。那些沒有對話框。

可能總有一種方法可以根據「數據處理器」中的特定標籤來應用相同的類。你是否希望每次都設置同一個班級或允許用戶選擇班級，這很重要，因爲它會改變你的選擇。

來源

2011-03-08 20:38:52 rquinn

非常感謝rQuinn，每當用戶插入H1或h2或任何標籤時，我都需要應用相同的類，如果沒有UI對話框，就無法做到這一點（附加類，而用戶沒有選項通過UI對話框自己選擇類）？ – dsignr

總是添加相同的類是（應該:)比修改對話更容易。 checkout [jsdoc]（http://docs.cksource.com/ckeditor_api/symbols/CKEDITOR.dataProcessor.html）和[overview]（http://docs.cksource.com/CKEditor_3.x/Developers_Guide/Data_Processor） – rquinn

可以你給我看一些示例代碼，以便我可以從那裏出發？非常感謝您的時間和耐心。 Imag xx – dsignr

需要將類添加到HTML編輯器元素的幫助

回答

相關問題