Создание блоков кода <code>или <pre>в CKEditor - PullRequest
8 голосов
/ 28 мая 2010

Есть ли плагин, позволяющий пользователям создавать <code/> или <pre/> блоки?

Если я передам какой-нибудь html, включающий блоки <code> , содержимое отобразится, но без визуальной индикации, что оно отличается от любого другого текста. Это неудобно, но я не могу найти способ, чтобы пользователь мог выбрать блок кода, который он набрал, чтобы он отображался буквально, и нажать кнопку, чтобы указать это.

Я все еще довольно новичок в CKEditor, но я знаю, что Telerik имеет довольно изящную реализацию этого. (просто нажмите верхнюю правую кнопку на панели инструментов под названием «Форматирование блока кода»).

Этот редактор поддерживает это? Есть ли какие-нибудь плагины, которые добавляют эту функциональность?

Ответы [ 2 ]

1 голос
/ 24 ноября 2014

Для блоков кода вы также можете использовать функцию Текстовые форматы - по умолчанию она доступна в стандартных и полных предустановках, хотя вы также можете добавить ее в свою пользовательскую сборку .

Когда плагин «Формат» включен, он добавляет на панель инструментов раскрывающийся список Формат . Проверьте текстовый формат отформатированный - он оборачивает активный текстовый блок тегами <pre>. Обратите внимание, что он работает на уровне блоков, поэтому вам даже не нужно выделять текст. Однако это также означает, что он не подходит для встроенного форматирования.

Вы также можете добавить некоторые пользовательские стили в формат Форматированный , настроив определение config.format_pre. См. Пример Применение текстовых форматов блочного уровня для демонстрации реализации по умолчанию и определения пользовательского формата (прокрутите страницу примера вниз, чтобы получить полный исходный код для обоих решений).

Что касается встроенного форматирования кода, раскрывающийся список Стили содержит встроенный стиль Компьютерный код , заключающий выделенный текст в теги <code>. Аналогично, вы можете (и на самом деле должны) настроить стиль , который применяется с этой функцией.

Кроме того, для некоторых действительно необычных форматов кода см. Дополнительный плагин Code Snippet . Это позволяет вставлять фрагменты кода с подсветкой синтаксиса в редактор. Эти фрагменты выглядят великолепно (вы также можете выбрать понравившуюся тему), и, поскольку они реализованы в виде виджетов, у них есть все преимущества CKEditor виджетов : фрагмент кода обрабатывается как одна сущность внутри редактора, Вы можете выбрать его целиком, удалить, изменить его положение с помощью перетаскивания и т. д. См. документацию и образец для получения дополнительной информации и примеров.

1 голос
/ 27 октября 2014

Что касается предварительных элементов, то есть этот плагин от wwalc: http://ckeditor.com/addon/insertpre

Он также доступен в GitHub: https://github.com/wwalc/insertpre

Единственная проблема заключается в том, что он некоторое время не обновлялся - он официально поддерживает только CKE до версии 4.1 - поэтому, по крайней мере, могут быть проблемы с ACF. Вы можете искать альтернативы в http://ckeditor.com/addons/plugins/all, используя такие ключевые слова, как код и pre , это всегда будет показывать самые свежие результаты.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...