twitter-bootstrap - 自定义 WYSIHTML5 工具栏

Question

WYSIHTML5中如何自定义工具栏.我想禁用字体大小和图像插入按钮，特别是对于 Bootstrap X-editable 中使用的 WYSIHTML5 版本。

Answer 1

如果你碰巧使用 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
  }
});