Question

使用TinyMCE，是否可以为<code>和<pre>格式添加工具栏按钮或快捷方式（以便它们的工作方式与<b>，<i>等相同）？

必须经过4次点击才能转到code（格式 - ＆gt;格式 - ＆gt;内联 - >代码），再点击4次即可转到pre（格式 - ＆gt;格式 - ＆gt; Blocks - ＆gt; Pre）是一个巨大的痛苦。

将关键字code添加到工具栏按钮列表甚至格式菜单中会生成源代码按钮。

Answer 1

在TinyMCE初始化：

tinymce.init({
  selector: 'textarea',
  height: 500,
  toolbar: 'codeSC',
  [...]

  setup: function (editor) {
    editor.addButton('codeSC', {
      text: '<code>',
      icon: false,
      onclick: function () {
        editor.insertContent('<code>Text inside code</code>');
      }
    });
  }
});

codeSC = codeShortCut

TinyMCE将code / pre添加到工具栏/快捷方式

1 个答案: