2016-11-09 41 views
1

javascript Trumbowyg wysiwyg editor not show activeボタン?javascript Trumbowyg wysiwygエディタがアクティブなボタンを表示していませんか?

このコードでは、いくつかの文字をエディタに入力してすべてのテキストを選択し、Bボタンを押します。すべてのテキストが太字になりますが、なぜBボタンがアクティブに表示されません。

備考:イタリックボタン[I]がアクティブすぎ

私はどのように行うことができます表示されませんか?

http://plnkr.co/edit/hhlL0uPNJr16osyKzKRw?p=preview

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script> 
    <script src="https://cdn.rawgit.com/Alex-D/Trumbowyg/v2.4.1/dist/trumbowyg.min.js"></script> 
    <link rel="stylesheet" href="//cdn.rawgit.com/Alex-D/Trumbowyg/v2.4.1/dist/ui/trumbowyg.min.css"> 

    <div id="main" role="main"> 
     <div id="editor"> 
     </div> 
    </div> 

    <script> 
     /** Default editor configuration **/ 
     $('#editor').trumbowyg(
      { 
       btns: [ 
        ['bold', 'italic', 'underline', 'strikethrough'] 
       ] 
      } 
     ); 
    </script> 

答えて

0

btn JavaScriptで使用される名前には、開発者固有の名前があります。この目的のためには、次のようなスクリプトを使用する必要があります:

btns: ['strong', 'em', 'del'] 
関連する問題