Редактор контента

В качестве стандартного WYSIWYG-редактора контента для cms concrete5 версии 7 используется «Redactor». Начиная с 8-ой версии используется «CKEditor».

CKEditor

CKEditor - это многофункциональный редактор текста, разработанный специально, чтобы писать контент непосредственно внутри страниц. В concrete5 вы можете встретить две формы редактора CKEditor: встроенный редактор и классический. Ниже представлены краткие описания и названия плагинов, которые включены по умолчанию в concrete5.

Встроенный редактор

Первая строка

• Источник (переключение для просмотра и редактирования исходного кода HTML)
• Сохранить (сохранение текущих изменений в редакторе)
• Отмена (отмена любых текущих изменений и вывод блока из режима редактирования)
• Вырезать (удаление выделенных фрагментов и их отправка в буфер обмена)
• Копировать (копирование выбранных фрагментов в буфер обмена)
• Вставить (вставка содержимого буфера обмена в редактор в то место, где находится курсор)
• Отменить (отмена самой последней команды)
• Повторить (возврат самой последней команды, которая была отменена)
• Полужирный (делает выделенный текст более жирным, оборачивая этот фрагмент в теги <strong></strong>)
• Курсив (делает выделенный текст курсивом, оборачивая этот фрагмент в теги <em></em>)
• Подчёркнутый (делает выделенный текст подчёркнутым, оборачивая этот фрагмент в теги <u></u>)
• Зачёркнутый (делает выделенный текст зачёркнутым, оборачивая этот фрагмент в теги <s></s>)
• Подстрочный индекс (опускает и уменьшает размер _{выделенного текста} , оборачивая этот фрагмент в теги )
• Надстрочный индекс (поднимает и уменьшает размер ^{выделенного текста}, оборачивая этот фрагмент в теги )
• Убрать форматирование (удаляет форматирование из выбранных фрагментов текста)

Вторая строка

• Вставить/удалить нумерованный список (переключает упорядоченный список для выделенного фрагмента, оборачивая весь фрагмент в теги <ol></ol>, а отдельные элементы в <li></li>)
• Вставить/удалить маркированный список (переключает неупорядоченный(маркированный) список для выделенного фрагмента, оборачивая весь фрагмент в теги <ul></ul>, а отдельные элементы в <li></li>)
• Уменьшить отступ (добавляет отступ -40px к выбранному фрагменту текста - margin-left или margin-right в зависимости от направления текста)
• Увеличить отступ (добавляет отступ +40px к выбранному элементу - margin-left или margin-right в зависимости от направления текста)
• По левому краю (выравнивание по левому краю для выбранного фрагмента, используя style="text-align: left;")
• По центру (выравнивание по центру для выбранного фрагмента, используя style="text-align: center;")
• По правому краю (выравнивание по правому краю для выбранного фрагмента, используя style="text-align: right;")
• По ширине (увеличение пространства между словами, чтобы заполнить каждую строку текста по ширине, используя style="text-align: justify;")
• Вставить/редактировать ссылку (добавление ссылки для выбранного фрагмента, оборачивая его в теги <a href=""></a>)
• Убрать ссылку (удаление ссылки с выбранного фрагмента)
• Вставить/редактировать якорь (добавление якорной ссылки на выбранный фрагмент текста)
• Изображение (добавление изображения и настройка дополнительных свойств)
• Таблица (добавление HTML-таблицы и диалоговое окно для редактирование свойств)
• Сниппеты (позволяет выбрать предварительно определённые фрагменты HTML)
• Стили форматирования (применение пользовательских стилей в вашей теме)
• Формат абзаца (применение стилей фрагмента на блочном уровне, может изменять теги, в которые заключён выделенный фрагмент, включая параграф, заголовки 1-6, адрес, и т.п.)

Третья строка

• Отображать блоки (добавляет контуры вокруг элементов, маркируя их типом элемента)

Классический редактор

Первая строка

• Источник (переключение для просмотра и редактирования исходного кода HTML)
• Вырезать (удаление выделенных фрагментов и их отправка в буфер обмена)
• Копировать (копирование выбранных фрагментов в буфер обмена)
• Вставить (вставка содержимого буфера обмена в редактор в то место, где находится курсор)
• Отменить (отмена самой последней команды)
• Повторить (возврат самой последней команды, которая была отменена)
• Полужирный (делает выделенный текст более жирным, оборачивая этот фрагмент в теги <strong></strong>)
• Курсив (делает выделенный текст курсивом, оборачивая этот фрагмент в теги <em></em>)
• Подчёркнутый (делает выделенный текст подчёркнутым, оборачивая этот фрагмент в теги <u></u>)
• Зачёркнутый (делает выделенный текст зачёркнутым, оборачивая этот фрагмент в теги <s></s>)
• Подстрочный индекс (опускает и уменьшает размер _{выделенного текста} , оборачивая этот фрагмент в теги )
• Надстрочный индекс (поднимает и уменьшает размер ^{выделенного текста}, оборачивая этот фрагмент в теги )
• Убрать форматирование (удаляет форматирование из выбранных фрагментов текста)
• Вставить/удалить нумерованный список (переключает упорядоченный список для выделенного фрагмента, оборачивая весь фрагмент в теги <ol></ol>, а отдельные элементы в <li></li>)
• Вставить/удалить маркированный список (переключает неупорядоченный(маркированный) список для выделенного фрагмента, оборачивая весь фрагмент в теги <ul></ul>, а отдельные элементы в <li></li>)
• Уменьшить отступ (добавляет отступ -40px к выбранному фрагменту текста - margin-left или margin-right в зависимости от направления текста)
• Увеличить отступ (добавляет отступ +40px к выбранному элементу - margin-left или margin-right в зависимости от направления текста)

Вторая строка

• По левому краю (выравнивание по левому краю для выбранного фрагмента, используя style="text-align: left;")
• По центру (выравнивание по центру для выбранного фрагмента, используя style="text-align: center;")
• По правому краю (выравнивание по правому краю для выбранного фрагмента, используя style="text-align: right;")
• По ширине (увеличение пространства между словами, чтобы заполнить каждую строку текста по ширине, используя style="text-align: justify;")
• Вставить/редактировать ссылку (добавление ссылки для выбранного фрагмента, оборачивая его в теги <a href=""></a>)
• Убрать ссылку (удаление ссылки с выбранного фрагмента)
• Вставить/редактировать якорь (добавление якорной ссылки на выбранный фрагмент текста)
• Изображение (добавление изображения и настройка дополнительных свойств)
• Таблица (добавление HTML-таблицы и диалоговое окно для редактирование свойств)
• Сниппеты (позволяет выбрать предварительно определённые фрагменты HTML)
• Стили форматирования (применение пользовательских стилей в вашей теме)
• Формат абзаца (применение стилей фрагмента на блочном уровне, может изменять теги, в которые заключён выделенный фрагмент, включая параграф, заголовки 1-6, адрес, и т.п.)
• Отображать блоки (добавляет контуры вокруг элементов, маркируя их типом элемента)

Плагинами CKEditor можно управлять в панели управления в разделе «Редактор текста».