在 Magnolia 所见即所得编辑器中默认显示 H1

Question

如果有一种全站方式强制 Magnolia 中的所见即所得编辑器在 Bold/Italics/Underline 之前显示带有 "Heading 1"、"Heading 2" 等的 select 框按钮？

Answer 1

首先，我在服务中创建了这个辅助方法。

public RichTextFieldBuilder extendRichText(RichTextFieldBuilder richTextFieldBuilder) {
    RichTextFieldDefinition richTextFieldDefinition = richTextFieldBuilder.definition();
    richTextFieldDefinition.setConfigJsFile("/.resources/ckeditor/config.js");
    richTextFieldBuilder.images(true);
    return richTextFieldBuilder;
}

然后创建了这个文件：/.resources/ckeditor/config.js

CKEDITOR.editorConfig = function( config ) {
    config.toolbar = "Magnolia";
    config.toolbar_Magnolia = [
        { name: "styles",        items: [ "Format", "FontSize", "TextColor" ] },
        { name: "styles",        items: [ "Bold", "Italic", "Underline", "SpecialChar" ] },
        { name: "paragraph",     items: [ "NumberedList", "BulletedList", "PasteFromWord" ] },
        { name: "objects",       items: [ "Image" ] },
        { name: "links",         items: [ "Link", "InternalLink", "DamLink", "Unlink" ] }
    ];
};

您可能还需要 CKEditor 的格式插件。

在 Magnolia 所见即所得编辑器中默认显示 H1

Show H1 by default in Magnolia WYSIWYG editor

magnolia