Настройка панели инструментов редактора форматированного текста

После добавления большого текстового поля к типу актива и настройки внешнего вида для редактора форматированного текста можно создать пользовательскую панель инструментов.

Панель инструментов содержит стандартные группы и параметры панели инструментов, которые отображаются в окне предварительного просмотра.

Чтобы настроить панель инструментов, перейдите на вкладку JSON и измените конфигурацию JSON, используя синтаксис CKEditor. См. https://ckeditor.com/latest/samples/toolbarconfigurator/index.html#basic.

Поле большого текста поддерживает следующие группы:

  • "basicstyles" — доступен жирный шрифт / курсив / подчеркивание https://ckeditor.com/cke4/addon/basicstyles

  • "styles" — стили шрифта https://docs.ckeditor.com/ckeditor4/latest/guide/dev_styles.html

  • "colors" — цвет текста и фона https://docs.ckeditor.com/ckeditor4/latest/guide/dev_colorbutton.html

  • "undo" — Отменить/Повторить текущий экземпляр в редакторе

  • "links" — пользовательский дополнительный модуль диалога гиперссылки

  • "paragraph" — нумерованный/маркированный список и поддержка отступов

    • "list"

    • "indent"

  • "align" — выравнивание по левому, правому краю или по центру

  • "insert"

    • "image"

    • "table"

  • "cleanup" — удалить любые стили для выделенного текста

Кроме того, можно использовать разделитель строк: "/"

Примечание.:

Если задать любое другое значение в конфигурации группы панелей инструментов, оно будет удалено до создания панели инструментов Site Builder. Вы не можете указать "extraPlugins". Поддерживается только конфигурация "имя"/"группы". Любые записи "элементов" будут игнорироваться.

Для данных свойств можно использовать переменные "toolbarGroups" и "removeButtons" или "toolbar". См. примеры ниже.

Пример 2-1 Вариант 1: "toolbarGroups" и "removeButtons"

{
"toolbarGroups": [
{"name": "basicstyles"}
,
{"name": "styles"}
,
{"name": "colors"}
,
{"name": "clipboard"}
,
"/",
{"name": "links"}
,
{"name": "insert"}
,
{"name": "paragraph","groups": ["list","indent"]}
,
{"name": "align"}
,
{"name": "undo"}
,
{"name": "cleanup"}
,
{"name": "mode"}
,
{"name": "tools"}
],
"removeButtons": "Styles,Subscript,Superscript,Anchor,Blockquote,PasteFromWord,Copy,Cut"
}

Пример 2-2 Вариант 2: "toolbar"

{
"toolbar" = [
{ "name":"basicstyles","items":["Bold","Italic","Underline","Strike","Subscript","Superscript","-","CopyFormatting","RemoveFormat"] }
,
{ "name":"paragraph","items":["NumberedList","BulletedList","-","Outdent","Indent","-","Blockquote","CreateDiv","-","JustifyLeft","JustifyCenter","JustifyRight","JustifyBlock","-","BidiLtr","BidiRtl","Language"] }
,
{ "name":"links","items":["Link","Unlink","Anchor"] }
,
{ "name":"insert","items":["Image","Flash","Table","HorizontalRule","Smiley","SpecialChar","PageBreak","Iframe"] }
,
"/",
{ "name":"styles","items":["Styles","Format","Font","FontSize"] }
,
{ "name":"colors","items":["TextColor","BGColor"] }
,
{ "name":"tools","items":["Maximize","ShowBlocks"] }
,
{ "name":"about","items":["About"] }
]}