自定义WYSIHTML5工具栏
自定义WYSIHTML5工具栏
提问于 2013-08-19 10:04:06
如何在WYSIHTML5中自定义工具栏。我想禁用字体大小和图像插入按钮，特别是在Bootstrap X-editable中使用的WYSIHTML5版本。
回答 3
Stack Overflow用户
发布于 2014-12-11 00:57:34
如果您碰巧使用bootstrap-wysiwyg/bootstrap3-wysiwyg (例如，gem bootstrap-wysihtml5-rails使用它)，则从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
}
});Stack Overflow用户
发布于 2013-09-12 03:30:35
您可以使用启动参数禁用工具栏选项：
$('#[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>Stack Overflow用户
发布于 2013-08-23 00:09:26
您可以通过CSS完成此操作
ul.wysihtml5-toolbar li a[title="Insert image"] { display: none; }
ul.wysihtml5-toolbar li.dropdown { display: none; }页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/18305497
复制相关文章
相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号