如何在 tinyMce 中添加自定义块答案

【问题标题】：How to add custom block in tinyMce如何在 tinyMce 中添加自定义块
【发布时间】：2017-11-21 13:15:14
【问题描述】：

我想为 TinyMCE 添加自定义格式块，我可以用下面的代码做到这一点。

style_formats: [
{title : 'Code', block : 'pre', classes : 'pre-code', exact: true},]

https://codepen.io/anon/pen/vWRGEg

但是，通过添加此代码，唯一的代码块在格式下拉列表中可见。有一些默认选项，例如

标题
内联
阻止
对齐

https://codepen.io/anon/pen/jazqEv

是否可以在 Block -> pre 部分下添加自定义代码块？

【问题讨论】：

您还需要在数组中包含所需的默认值
@charlietfl - 有什么例子吗？
查看文档中的默认值
@charlietfl - 你能帮忙吗？我找不到它。我试过了。

标签： javascript jquery tinymce tinymce-4 rte

【解决方案1】：

试试这个jsfiddle

style_formats: [
    { title: 'Headers', items: [
      { title: 'test', block: 'h1' },
      { title: 'h2', block: 'h2' },
      { title: 'h3', block: 'h3' },
      { title: 'h4', block: 'h4' },
      { title: 'h5', block: 'h5' },
      { title: 'h6', block: 'h6' }
    ] },

    { title: 'Blocks', items: [
      { title: 'p', block: 'p' },
      { title: 'div', block: 'div' },
      { title: 'pre', block: 'pre' }
    ] },

    { title: 'Containers', items: [
      { title: 'section', block: 'section', wrapper: true, merge_siblings: false },
      { title: 'article', block: 'article', wrapper: true, merge_siblings: false },
      { title: 'blockquote', block: 'blockquote', wrapper: true },
      { title: 'hgroup', block: 'hgroup', wrapper: true },
      { title: 'aside', block: 'aside', wrapper: true },
      { title: 'figure', block: 'figure', wrapper: true }
    ] }
  ],
  visualblocks_default_state: true,
  end_container_on_empty_block: true

【讨论】：

@LW001 他必须重写插件的'style_formats'；例如（第三行）：{title：'test'，block：'h1'}，我添加了一个名为'test'的新格式作为小节
谢谢，我可以自定义 RTE 选项，但是，您能告诉我如何包含自定义模板吗？例如，我点击模板之一，它会包含一些 html 和要写的地方？

【解决方案2】：

为了与现有使用style_formats_merge: true 合并docs

【讨论】：