1

クラスを持つ複数の div を持つ既存のアプリケーションがあります。

私が望むのは、これらのそれぞれにCKEditorを利用できるようにすることです。

<div contenteditable="true" class="myContent">some Text</div>
<div contenteditable="true" class="myContent">some Text</div>
<div contenteditable="true" class="myContent">Some Text</div>

これは、何も持たなくても機能しますCKEDITOR.XXが、問題は、div 用のカスタム メニューが必要なことです。

クラスでこれを行うことはできますか？

私が見たのは、 HTML はvar editor = CKEDITOR.inline( 'editable' );どこですかeditableID

ありがとう

4

1 に答える 1

2
  1. メインの CKEditor ディレクトリに配置されたファイルを変更config.jsし、そこに構成を設定できます (すべてのエディター用)。

  2. または、ドキュメントCKEDITOR.inlineにあるように、 HTML 要素またはid/nameを受け入れるものを使用できます。

    var elements = document.getElementsByClassName( 'myContent' );
for ( var i = 0; i < elements.length; ++i ) {
    CKEDITOR.inline( elements[ i ], { /* config for this instance */ } );
}

    これは IE7&8 では機能しませんが、jQuery を使用すると次のことができます。

    var elements = $( '.myContent' );
elements.each( function() {
    CKEDITOR.inline( this, { ... } );
} );

  3. 3 番目のオプションは、CKEDITOR.config.toolbarGroupsグローバルに上書きすることです。

于 2013-04-25T15:00:22.293 に答える