CKEditor

Статьи по теме CKEditor

Кнопка вставки кода и подсветка синтаксиса в CKEditor

mbaev 15.10.2016, 13:08

Друпал 8 уже достаточно стабилен для того, чтобы разрабатывать не слишком ответственные сайты. Например, блог. Но если это блог по программированию, то он обязан иметь механизмы корректного отображения и подсветки кода.

До недавнего времени с этим было сложно - приходилось устанавливать модули codefilter, geshifilter, как-то настраивать их в обход багов. Но теперь такая возможность есть и она активно используется на этом блоге, а теперь доступна и в комментариях.

Реализация достаточно простая и занимает, в общей сложности, от 5 до 20 минут, в зависимости от опыта и знаний настройщика.

Необходимые модули

Начнем с установки необходимых модулей:

  • GeSHi Filter for syntax highlighting. Известный многим, модуль, который позволяет подсвечивать синтаксис огромного количества языков. (на момент написания статьи, я использовал версию 8.x-1.0-beta1)

  • CodeButton. Модуль существует только в песочнице. Поэтому его можно клонировать с помощью гита:

Установка и настройка CKFinder

mbaev 10.01.2015, 18:11

Мне показалась интересной задача настройки файлового браузера CKFinder (в связке с текстовым редактором CKEditor). При устновке с первого раза "что-то пошло не так" и пришлось немного разобраться. Хотя материала на эту тему достаточно, но русскоязычного топика я не нашел.

Установим модуль

Распаковать все это нужно следующим образом