2017-04-07 7 views
0

Trumbowyg WYSIWYGエディタをダウンロードしました:http://alex-d.github.io/Trumbowyg/ツールバーには、必要のないテキストの整列、引用などのためのボタンがたくさんあります。だから私はそれを削除したいが、私はボタンがJavaScriptから生成されるように見えるので、HTMLファイルがないので、それをどうやって正確に行うかわからない。だから私はそれがこのようなボタンを示していますJSファイルに行ってきた:あなたが見ることができるようにダウンロードしたパッケージからhtmlを削除しようとしています

btns: [/* 
      ['viewHTML'], 
      ['undo', 'redo'],*/ 
      ['formatting'], 
      'btnGrp-semantic', 
      /*['superscript', 'subscript'], 
      ['link'],*/ 
      ['insertImage'],/* 
      'btnGrp-justify', 
      'btnGrp-lists', 
      ['horizontalRule'], 
      ['removeformat'], 
      ['fullscreen']*/ 
     ], 

は、私が唯一のカップルのボタンを残してきました。しかし、これは実際に何もしません。すべてのボタンは引き続き表示されます。私はいくつかのボタンをdisplay:noneに設定することができますが、これは意味上よくありません。また、各ボタンが独自のdivにネストされているため、これも機能しませんが、すべて同じクラスの.trumbowyg-button-groupを持ち、個々の識別子はありません。私は.css('display', 'none')を使用して個々の.trumbowyg-button-groupをjavascriptで削除しようとしましたが、これは機能しません。アドバイスをいただければ幸いです。

答えて

0

ボタンペインをカスタマイズするために、Trumbowvgのソースコードを変更する必要はありません。これを行うには公開APIがあります。 Trumbowvg初期化するときに使用し、ボタンを定義することができます:あなたのアプローチのために

$('#demo').trumbowyg({ 
    btns: [['formatting'], 'btnGrp-semantic', ['insertImage']] 
}); 

を、私はあなたがTrumbowvgのsrcコードを変更しましたが、そのdistにそれを構築していなかったからだと思いますか?

+0

ありがとう、私はこれを認識していませんでした...多くの時間を節約します。だから、私はボタンを削除するために貼り付けたその関数を使いました。これはうまくいきます。しかし、残っているボタンはすべて左に浮かんでいて、それらを中心にしたいと思います。私はこれをどのようにすることができるか知っていますか?私は '.trumbowyg-button-group {margin:0 auto}'を試しましたが、これはそれらを中心にしていますが、削除したボタンの間には大きなギャップがあります。 – Zorgan

+0

@Zorganボタンを中央に配置するには、 '.trumbowyg-button-pane {justify-content:center} 'を使用できます。 – shaochuancs

+0

パーフェクト、よろしく! – Zorgan

関連する問題