2017-12-07 7 views
0

インラインckeditorが、それが接続されているhtmlタグに基づいて関連ツールアイテムだけを表示する方法に関する文書はありますか?htmlタグをベースにしたインラインckeditorツールバーの設定

たとえば、<p>タグのインラインckeditorは、書式ツールバーと一覧(箇条書きと番号付き)ツール項目を非表示にしますが、インデント/アウトデントツール項目を表示します。 ckeditor自体は、次のツール項目で構成されています。彼らは<div>のために示されていますが、<p>のすべてではありません。だから、HTMLタグに基づいて何らかのフィルタリングが必要ですか?

config.toolbar = [ 
     { name: 'styles', items: [ 'Format' ] }, 
     { name: 'editing', items: [ 'Scayt' ] }, 
     { name: 'basicstyles', items: [ 'Bold', 'Italic', 'Underline', 'RemoveFormat' ] }, 
     { name: 'list', items: [ 'NumberedList', 'BulletedList', 'Outdent', 'Indent'] }, 
     { name: 'paragraph', items: ['JustifyLeft', 'JustifyCenter', 'JustifyRight']} 
    ]; 
+0

説明:1つのエディタだけが必要です。現在、上記のように1つの設定しかありませんが、pとdivのツールボックスの項目が異なります。だから、それが期待されているかどうかを見つけ出そうとするならば、 – smDb

答えて

0

あなたが複数のインラインエディタを使用する場合は、すべてのエディタは異なるツールバーの設定を得ることができます。その達成方法の例はhereです。 1つのエディタインスタンスとその中のツールバーを変更したい場合は、それを変更することは問題になるかもしれません。しかし、数日後に利用できる新機能(balloontoolbar)が開発されました。あらかじめ設定された一連のボタンを使用して、エディタ内のテキストにフローティングバルーンを付けることができます。そのため、エディタ内の要素を選択することによって、ボタンのセットを変えることができます。この機能の詳細:https://github.com/ckeditor/ckeditor-dev/issues/933

関連する問題