WYSIHTML5ツールバーをカスタマイズする

ツールバーをどのようにカスタマイズするかWYSIHTML5特に、ブートストラップX編集で使用されるWYSIHTML5バージョンのフォントサイズと画像挿入ボタンを無効にしたい。WYSIHTML5ツールバーをカスタマイズする

2013-08-19 user2694939

あなたが起動パラメータを使用して、ツールバーのオプションを無効にすることができCSS

ul.wysihtml5-toolbar li a[title="Insert image"] { display: none; } 
ul.wysihtml5-toolbar li.dropdown { display: none; }

出典

2013-08-22 16:09:25

を通してそれを行うことができます。

$('#[YOUR INPUT ID]').wysihtml5({ 
    "font-styles": false, //Font styling, e.g. h1, h2, etc. 
    "emphasis": true, //Italics, bold, etc. 
    "lists": true, //(Un)ordered lists, e.g. Bullets, Numbers. 
    "html": true, //Button which allows you to edit the generated HTML. 
    "link": true, //Button to insert a link. 
    "image": false, //Button to insert an image. 
    "color": true //Button to change color of font 
});

この情報は、タグにペーストする必要があります。

<head> 
    <script> HERE </scrip> 
</head>

出典

2013-09-11 19:30:34

の場合bootstrap-wysiwyg/bootstrap3-wysiwyg（これは、例えば、gem bootstrap-wysihtml5-railsによって使用されます）、s Inceのバージョン3.0、ツールバー内の巣にそれを必要があります。

$('#some-textarea').wysihtml5({ 
    toolbar: { 
    "font-styles": true, // Font styling, e.g. h1, h2, etc. 
    "emphasis": true, // Italics, bold, etc. 
    "lists": true, // (Un)ordered lists, e.g. Bullets, Numbers. 
    "html": false, // Button which allows you to edit the generated HTML. 
    "link": true, // Button to insert a link. 
    "image": true, // Button to insert an image. 
    "color": false, // Button to change color of font 
    "blockquote": true, // Blockquote 
    "size": <buttonsize> // options are xs, sm, lg 
    } 
});

出典

2014-12-10 16:57:33 mdemolin

これが答えです.......あまりにも私のために働いた多くの感謝 – GhostRider

..感謝 –

WYSIHTML5ツールバーをカスタマイズする

答えて

関連する問題