2017-06-23 9 views
0

私はCKEditor(v4.7.0 - カスタムビルド)を使用しており、ソースダイアログプラグイン(http://ckeditor.com/addon/sourcedialog)を追加しました。CKEditor UIソースダイアログプラグインから「ソース」を削除

ツールバーのUIから「ソース」という単語を削除する最も良い方法は何ですか?

これに

enter image description here

:このから

enter image description here

私はjQueryのアダプタを使用していますし、このようにエディタを初期化:

$(el).ckeditor({ 
    removePlugins: 'maximize,floatingspace,resize', 
    extraPlugins: 'autogrow,sharedspace,sourcedialog', 
    autoGrow_onStartup: true, 
    toolbarGroups: { name: 'main', groups: [ 'mode', 'document', 'doctools', 'find', 'selection', 'spellchecker', 'editing', 'clipboard', 'undo', 'forms', 'links', 'insert', 'basicstyles', 'cleanup', 'list', 'indent', 'blocks', 'align', 'bidi', 'paragraph', 'styles', 'tools', 'colors' ] }, 
    autoGrow_maxHeight: 800, 
    sharedSpaces: { 
     top: 'editorActions', 
     bottom: 'editorFooter' 
    }, 
    on: { 
     blur: function(evt) { 
      // blur functions 
     }, 
     instanceReady: function (evt) { 
      // initial functions 
     }, 
     change: function(evt) { 
      // save functions 
     } 
    } 
}); 

現在、私は単純に削除していますロード時に要素をターゲットにしてテキスト

$('#cke_[id]_label').html(' '); 

しかし、これはやや嫌な感じで、削除するのではなくロードすることはできません。

答えて

1

あなたはラベルを隠し、CSSとアイコンのみを残すことができます:CSSと当然のhttps://stackoverflow.com/a/8487229/4708866

+0

D'ああ、:

.cke_button__source_label { display: none !important; } 

または

.cke_button_label.cke_button__source_label { display: none; } 

もこの答えを参照してください!ありがとうございました。 – tymothytym