2012-11-28 21 views
19

(可能な複製:CKEditor - No toolbarsツールバーなしでCKEditorを使用できますか?

ツールバーなしでCKEditorインスタンスを作成したいと思います。私は、インスタンスのconfig

oConfigName.toolbar = 'Custom'; 
oConfigName.toolbar_Custom = []; 

で使用するために、空のツールバーを定義してみましたが、私は代わりにノーツールバーの、私のインスタンスで小さな空のツールバーを取得します。

私はinline editingをCKEditor4で使用しています。

答えて

27

Wow :)これは、ツールバーを実装する際には考えていないことです。しかし、他のプラグインでは必要ないので、ツールバーのプラグインを削除できることを確認しました。 CKEditorバージョン4.1ではAdvanced Content Filterが導入されました:例えば:

var editor = CKEDITOR.inline('editable', { 
    removePlugins: 'toolbar' 
}); 

アップデート -

のでbuild your own CKEditorバージョンのツールバーのないパッケージまたはremovePluginsコンフィギュレーションを使用しています。そのautomatic modeでは、ツールバーにロードされるボタンによって設定されます。

var editor = CKEDITOR.inline('editable', { 
    removePlugins: 'toolbar', 
    allowedContent: 'p h1 h2 strong em; a[!href]; img[!src,width,height];' 
}); 
+3

素晴らしい答えは、ツールバーのプラグインを削除すると完璧に動作します。 ACFに関しては、誰もがこのタブーを呼びますが、あなたが持っている、存在する、存在する、ほぼすべてのhtml要素をリストアップする気がなければ、*** config.allowedContent'を 'true' ***に設定することができます。 – bendman

+0

Hehe :) *「ほぼすべてのhtml要素」*を許可したい場合、ACFを無効にすることは間違いありません。 – Reinmar

1

config.jsのには、この本行追加ファイル私は新しい追加した

config.removePlugins= 'toolbar' 
0

toolbarプラグインなしでACFは自分でこれを行うには1つの必要があるので、設定されていません私のプロジェクトにツールバーの非表示/表示機能を追加しました。

function onClickToolbarButton() { 
 
    var bar = document.getElementById("cke_1_top"); 
 
    if(bar.style.display == "none"){ 
 
     bar.style.display = "block"; 
 
    }else{ 
 
     bar.style.display = "none"; 
 
    } 
 

 
    //resize web page 
 
    //onresize(); 
 
}

この関数を呼び出したびに、あなたが表示/非表示のツールバーをしたい場合。

関連する問題