選択したParagraph/Divにcssクラスを追加するには？

Question

段落を選択してcssクラスを追加すると、ckeditorにオプションがありますか？

私の要件は、私はいくつかの段落でフィールドに長いテキストがあることです。私はCSSを通してスタイルを変えたいと思っています。そのためには、ckeditorツールバーのオプションから、ソースからではなく段落にCSSクラスを追加し、htmlを編集することができます。

現在のように、[フォーマット]プルダウンの[標準（DIV）]オプションがあります。このドロップダウンに別のオプションを "DIV with class test"と追加することはできますか？そして、テストcssクラスを持つdivを追加しますか？

Answer 1

ckeditor configにStylesetを追加します。クラスではなくdivにスタイル属性を追加するだけです。

CKEDITOR.stylesSet.add('CustomStyle', [ 
    { name : 'TxtDanger', element : ['p','div','h1'], styles : {'color' : 'red' } } 
]); 

CKEDITOR.editorConfig = function(config) { 
    config.stylesSet = 'CustomStyle'; 
}; 

ここで、あなたはckeditorスタイルのドロップダウンで 'TxtDanger'スタイルを取得できます。しかし、 'CustomStyle'はデフォルトのckeditorスタイル（Paragraph、Heading1,2 ..）を置き換えます。最初にすべてのデフォルトスタイルを 'CustomStyle'に追加してください。 hereデフォルトスタイルのリスト。