CKEditor 4-如何将H2、H3等添加到工具栏

查看这些文档：

因此，添加样式集应该是这样的，但我无法使H2或H3项显示在我的工具栏中：

CKEDITOR.stylesSet.add( 'my_styles', [
    // Block-level styles
    { name: 'Blue Title', element: 'h2', styles: { 'color': 'Blue' } },
    { name: 'Red Title' , element: 'h3', styles: { 'color': 'Red' } },

    // Inline styles
    { name: 'CSS Style', element: 'span', attributes: { 'class': 'my_style' } },
    { name: 'Marker: Yellow', element: 'span', styles: { 'background-color': 'Yellow' } }
] );


CKEDITOR.editorConfig = function( config ) {
    
    config.extraPlugins = 'firstname,MediaEmbed,justify,image';
    
    //config.forcePasteAsPlainText = true;
    
    config.extraAllowedContent = 'iframe[*]';
    
    config.toolbar = 'Normal';
    
    config.toolbar_Normal = [
        { name: 'basicstyles', items: [ 'Bold', 'Italic','Underline','Strike' ] },
        { name: 'paragraph', items: [ 'NumberedList', 'BulletedList', 'JustifyLeft', 'JustifyCenter', 'JustifyRight' ] }        
    ];
    
    config.toolbar_Emails = [
        { name: 'basicstyles', items: [ 'Bold', 'Italic','Underline','Strike' ] },
        { name: 'paragraph', items: [ 'NumberedList', 'BulletedList', 'JustifyLeft', 'JustifyCenter', 'JustifyRight' ] }

    ];
    
    config.removeDialogTabs = 'link:advanced;link:target';
    
    config.stylesSet = 'my_styles';

};

如报告中所述 打开

ckeditor

目录中可用的

config.js

文件，并按以下方式编辑

config.format\u标签

条目以显示文本格式工具栏

// Enable all default text formats:
config.format_tags = 'p;h1;h2;h3;h4;h5;h6;pre;address;div';

// Enable a limited set of text formats:
config.format_tags = 'p;h1;h2;pre;div';

如报告中所述 打开

ckeditor

目录中可用的

config.js

文件，并按以下方式编辑

config.format\u标签

条目以显示文本格式工具栏

// Enable all default text formats:
config.format_tags = 'p;h1;h2;h3;h4;h5;h6;pre;address;div';

// Enable a limited set of text formats:
config.format_tags = 'p;h1;h2;pre;div';

---

您是否尝试过

config.format_tags='p；h1；h2；h3；h4；h5；h6；之前；地址；div'？检查让我走上了正确的轨道，谢谢！您是否尝试过
config.format_tags='p；h1；h2；h3；h4；h5；h6；之前；地址；div'？检查让我走上了正确的轨道，谢谢！