Fatal编程技术网
  • tinymce/
  • Tinymce 6f1 t1向工具栏/快捷方式添加代码/pre

Tinymce 6f1 t1向工具栏/快捷方式添加代码/pre

tinymce

Tinymce 6f1 t1向工具栏/快捷方式添加代码/pre,tinymce,Tinymce,使用TinyMCE，是否可以为和格式添加工具栏按钮或快捷方式（以便它们的工作方式与，等相同） tinymce.init({ selector: 'textarea', height: 500, toolbar: 'codeSC', [...] setup: function (editor) { editor.addButton('codeSC', { text: '<code>', icon: false, oncl

使用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>');
      }
    });
  }
});


要点击4下才能进入
code
（格式->格式->内联->代码），再点击4下才能进入
pre
（格式->格式->块->预编码），这是一个巨大的痛苦


将关键字
code
添加到工具栏按钮列表中，甚至添加到格式菜单中，将导致源代码按钮。
在TinyMCE初始化中：


codeSC=codeShortCut
非常好-谢谢。。。这无疑给了我一个很好的起点。有关快捷方式，请参见