自定义WYSIHTML5工具栏

如何自定义WYSIHTML5中的工具栏。我想禁用字体大小和图像插入按钮，特别是在Bootstrap X-editable中使用的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（例如，由宝石bootstrap-wysihtml5-rails使用），s因斯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工具栏

回答

相关问题