HTMLエディタの要素にクラスを追加する際の助けが必要

Question

私はというCKEditorと呼ばれるWYSIWYGエディタを使用しています。エディタ、私はそのことについては、他の新しい見出し/テキスト/ DIV /画像/何かを追加するたびに、私はそれはクラスに添付滞在したい内部：

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

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

同様

ここで参照リンクです： http://docs.cksource.com/CKEditor_3.x/Developers_Guide

私はJavascriptでうまくいかず、誰かが私を助けてくれたら、本当に感謝しています！

ありがとうございます。

Answer 1

たとえば、次のコードは、要素が彼らの「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"を追加するか、それがあなたの意図ならば置き換えてください。

Answer 2

このquestionの回答をご覧ください。

定義中にダイアログをカスタマイズし、「クラス」フィールドを追加してから、セットアップとコミットの機能を設定して取得します。

ダイアログを修正する際の背景については、ckeditor/_samples/api_dialog.htmlを参照してください。

見出しの場合は、コマンドの修正が必要です。それらにはダイアログがありません。

"データプロセッサ"の特定のタグに基づいて、常に同じクラスを適用する方法があります。毎回同じクラスを設定したい、あるいはクラスを選択できるようにしたいのですが、それはあなたのオプションをかなり変更するので重要です。