• Плагин syntaxhighlight для ckeditor

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

    <pre class="brush:php">
    </pre>

    Ну и в странице, где этот код будет показан подключить необходимые скрипты и активировать подсветку

    <link href='js/highlight/styles/shCoreDefault.css' rel='stylesheet' type='text/css'/>
    <link href='js/highlight/styles/shThemeDefault.css' rel='stylesheet' type='text/css'/>
    <script src='js/highlight/scripts/shCore.js' type='text/javascript'></script>
    <script src='js/highlight/scripts/shAutoloader.js' type='text/javascript'></script>
    <script src='js/highlight/scripts/shBrushCss.js' type='text/javascript'></script>
    <script src='js/highlight/scripts//shBrushXml.js' type='text/javascript'></script>
    <script src='js/highlight/scripts/shBrushJScript.js' type='text/javascript'></script>
    <script src='js/highlight/scripts/shBrushPhp.js' type='text/javascript'></script>
    <script language='javascript'>
    SyntaxHighlighter.config.bloggerMode = false;
    SyntaxHighlighter.defaults.toolbar = false;
    SyntaxHighlighter.defaults['pad-line-numbers'] = true;
    SyntaxHighlighter.all();
    </script>

    Все бы ничего если бы не одна мелочь, вставлять код в ckeditor страшно неудобно. Приходиться извращаться с исходным текстом, что обычно неминуемо приводит к ошибке в html.

  • Проверка русской орфографии в ckEditor

    Я отношусь к той группе людей, которые плохо дружат с русским языком. Так уж сложилось, в школе больше привлекало все техническое. Для экономии времени статьи иногда выгодно писать через веб-интерфейс админки, в обход MsWord. Но вот беда, отличный WYSWYG редактор ckEditor не проверяет русскую орфографию. Более того, он еще отключает нативную проверку орфографии браузером. Те, кто пользуются TinyMCE, знают всю прелесть красной подсветки больных мест текста.

    Еще в  ckeditor'е есть средство для проверки орфографии. Работает оно через сервис http://www.spellchecker.net/  и делает это как-то неуклюже, да и с русским дружит не больше моего.

    Практически во всех современных браузерах Chrome,FireFox, Opera и т.д. есть своя система проверки орфографии(нативная). По дефолту, ckeditor ее отключает. Ну что же, исправим это досадное недоразумение.

    В файле ckeditor/config.js добавляем строчку

    config.disableNativeSpellChecker = false;

    по-русски это значит следующее: отключить отключалку нативной проверки орфографии.

    Чистим кеш, обновляем страницу и видим чудеснейшую картину подчеркнутых красным очепяток ).

    Все работает, все замечательно, но вот беда: если вызвать контекстное меню, ckeditor заменяет его на свое - копировать,вставить(кто-то им вообще пользуется?). Это вызывает большое неудобство, не всегда сразу понятно, что не так в подсвеченном красным слове. Когда видишь такое слово хочется посмотреть почему оно подсвечено и какие есть варианты написания. Если слово новое, и нативный spellchecker его не знает, то можно занести слово в словарь. Но вместо этого нам предлагают лишь копировать-вставить) Исправим и это

  • Улучшаем юзабилити textarea с помощью ace.js

    Улучшаем юзабилити textarea с помощью ace.jsУлучшаем юзабилити textarea. Подключаем к нему xedit.js и получаем более или менее сносный редактор. Что если, хочется большего. К примеру подсветки синтаксиса в textarea 
    Всем известно, что textarea в плане редактирования текста очень неудобен. Нет ни табов, ни подсветки синтаксиса, ни показа ошибок. Нет ничего, к чему мы привыкли в современных редакторах типа notepad++