如何自定义tinymce菜单

时间:2017-12-04 12:51:47

标签: jquery tinymce tinymce-4 rich-text-editor tinymce-plugins

我想从菜单栏中自定义格式选项。我们能够自定义选项,但是,面临以下问题。

enter image description here

我们希望用户在悬停格式时看到的内容应出现在格式的位置。

列表应如下所示。

  1. 格式(菜单栏) 标题 排队 块 清除格式
  2. 我们希望从下拉列表中删除Formats选项。

    以下是我们的代码。

     menu: { 
        edit: {title: 'Edit', items: 'undo redo | cut copy paste pastetext | selectall'},
        insert: {title: 'Insert', items: 'link media | template hr'},
        view: {title: 'View', items: 'showblock visualaid'},
        format: {title: 'Format', items: 'formats removeformat'},
        table: {title: 'Table', items: 'inserttable tableprops deletetable | cell row column'},
        tools: {title: 'Tools', items: 'spellchecker code'}
      },
      style_formats: [
       { title: 'Headings', items: [
          { title: 'Heading 3', block: 'h3' },
          { title: 'Heading 4', block: 'h4' },
          { title: 'Heading 5', block: 'h5' },
          { title: 'Heading 6', block: 'h6' }
        ] },
        {title: 'Inline', items: [
                  {title: 'Bold', icon: 'bold', format: 'bold'},
                  {title: 'Italic', icon: 'italic', format: 'italic'},
                  {title: 'Underline', icon: 'underline', format: 'underline'},
                  {title: 'Strikethrough', icon: 'strikethrough', format: 'strikethrough'},
                  {title: 'Superscript', icon: 'superscript', format: 'superscript'},
                  {title: 'Subscript', icon: 'subscript', format: 'subscript'}
              ]},
              {title: 'Blocks', items: [
                  {title: 'Paragraph', format: 'p'},
                  {title: 'Blockquote', format: 'blockquote'},
                  {title: 'Div', format: 'div'},
                  {title: 'Pre', format: 'pre'},
         {title : 'Code', block : 'pre', classes : 'ckeditor_codeblock', exact: true}
              ]}
          ]
    

    任何帮助将不胜感激:)

0 个答案:

没有答案