Встраиваем в CKeditor плагин syntaxhighlight

Web-разработка

Автор: Александр Степанов

24 нояб. 2011 г.  1080


Решил попробовать этот редактор и сразу же столкнулся с проблемой подсветки кода. В CKeditor его по умолчанию нет, но зато можно встроить syntaxhighlight. Что мы попробуем сделать. 

Итак, начнем с того что скачаем это плагин с сайта разработчика. Далее открываем скачанный архив и копируем папочку syntaxhighlight в папку нашего редактора - ckeditor/plugins.

config.extraPlugins = 'syntaxhighlight';
config.toolbar_Full.push(['Code']);

После этого появляется кнопка на панели:

После того как Вы проделали эту операцию, идем в CKeditor и наблюдаем новую иконку (она будет последней) с надписью code. При клике на нее выпадает окошко с выбором языка и дополнительными опциями:

Скачать русификатор можно здесь. Кидаем этот файлик в папку ckeditor/lang и меняем в ckeditor/plugins/syntaxhighlight/plugin.js значение en на ru.

На этом вся установка завершена.