web-dev-qa-db-ja.com

ツールバーなしでCKEditorを使用できますか?

(重複の可能性: CKEditor-ツールバーなし

ツールバーなしでCKEditorインスタンスを作成したいのですが。インスタンスの設定で使用する空のツールバーを定義してみました

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

しかし、ツールバーがないのではなく、インスタンスによって小さな空のツールバーが表示されます。

CKEditor4で インライン編集 を使用しています。

25
Sam Selikoff

すごい:)これは、ツールバーを実装するときに私たちが考えていなかったものです。ただし、他のプラグインでは必要ないため、ツールバープラグインを削除できることを確認しました。

だから 独自のビルド ツールバーなしのCKEditorパッケージまたはremovePlugins設定を使用-例:

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

更新:CKEditor 4.1で Advanced Content Filter が導入されました。 自動モード では、ツールバーにロードされるボタンによって構成されます。 toolbarプラグインがない場合、ACFは構成されないため、これを自分で行う必要があります。

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

この行をconfig.jsファイルに追加します

config.removePlugins= 'toolbar'
1
edCoder

CKEditor 4.9.2の場合:

エディターをインスタンス化するときに、ツールバーオプションを設定します。

CKEDITOR.replace( 'editor1', {
    ...
    toolbar: []
});
0
c-toesca

イタリック体を除くすべてをオフにし、太字で下線がこの構成で下線で示されています。

CKEDITOR.editorConfig = function( config ) {
    config.autoParagraph = false;
    config.toolbarGroups = [
        { name: 'basicstyles', groups: [ 'basicstyles', 'cleanup' ] },
    ];

    config.removeButtons = 'Strike,Subscript,Superscript,RemoveFormat';
};
0
Arseniy

私が見た2つの方法があります。

1)removePluginsオプションを使用し、ツールバーを削除するだけです:

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

2)CSSの使用-標準的なアプローチではありません:(少しトリッキー

CSSを表示するだけです:ツールバーのように、

.cke_inner {
    display: none;
}

それが誰かを助けることを願っています。

0

ツールバーの非表示/表示のためのプロジェクトに新しい機能を追加しました。

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();
}

ツールバーを表示/非表示にする場合は、この関数を毎回呼び出します。

0
Andrej