Проверка орфографии TinyMCE 4 для Modx revo

Визуальный редактор Modx Revo всегда был головной болью для всех пользователей данного фреймворка. С выходом TinyMCE Rich text editor стало легче, так как он использует последнюю версию TinyMCE. Но несмотря на то, что приложение адаптировано к Modx в нем до сих пор не завезли поддержку проверки орфографии на русском языке.

В стандартный набор Tiny MCE Rich text editor встроен плагин правописания поддерживающий более 6 языков, кроме русского. Однажды сидя за чашечкой кофе около компьютера я решил исправить эту проблему. Недолго погуглив я нашел элегантное решение проблемы.

Проверка орфографии на Modx средствами браузера

В приложении для modx TinyMCE Rich text editor есть возможность отключить плагин проверки правописания, идущий в комплекте. После его отключения текст будет проверяться средствами браузера.

Идем в системные настройки  выбираем в выпадающем списке tinymcerte и находим параметр Spellcheck. В описании дословно написано — «Включить или выключить проверку орфографии браузером».

  • Да — правописание проверяется браузером.
  • Нет — включает проверку орфографии встроенным плагином;

 

Проверка орфографии на Modx средствами Яндекс Спеллер

Я же решил пойти дальше и попробовать очередной сервис представленный компанией Яндекс. Следуя официальной инструкции я внес необходимые правки в код приложения  TinyMCE Rich text editor. Скажу сразу, что можно интегрировать Яндекс Спеллер и в другое приложение для Modx, так как инициализация сервиса происходит в функции init() TinyMCE.

Следуя моей инструкции вы сможете добавить проверку правописания Яндекс Спеллер в плагин TinyMCE Rich text editor для Modx. Я уже подключил его на сайт клиента и описываю последовательность действий.

Первым делом добавим вывод инструмента проверки правописания на тулбар. Это лучше задать в настройках приложения(смотри скриншот). Внимание параметр Spellcheck должен быть установлен на Нет.

Далее необходимо в функции init дополнить json объект параметрами Яндекс Спеллер. В настройках приложения TinyMCE Rich text editor для Modx есть параметр External config, который как я понял, мог бы помочь, но мне не удалось понять, как он работает, поэтому лезем в код.

Находим файл tinymcerte.js и открываем его любым текстовым редактором. Параметры будем писать не напрямую в функцию init, а в json объект cfg метода .extend(), так как автор приложения TinyMCE Rich text editor использует его для инициализации TinyMCE.

Параметры, которые нужны для активации сервиса проверки правописания Яндекс Спеллер:

  • plugins: [«spellchecker»] — настройка TinyMCE активирует плагин Яндекс Спеллер;
  • spellchecker_languages: «Russian=ru, English=en» — настройка указывает список языков доступных для проверки орфографии;
  • spellchecker_language: «ru» — язык установленный по дефолту;
  • spellchecker_rpc_url: «//speller.yandex.net/services/tinyspell» — url сервиса.

Код ниже это конечный результат. То есть мы дополнили метод .extent() своими настройками. Json объект cfg это и есть параметры инициализации TinyMCE


Ext.extend(TinyMCERTE.Tiny,Ext.Component,{
  cfg: {
    selector: '#ta',
    document_base_url: MODx.config.base_url,
    file_browser_callback_types: 'file image media',
    plugins: ["spellchecker"],
    spellchecker_languages: "Russian=ru,English=en",
    spellchecker_language: "ru", // default language
    spellchecker_rpc_url: "//speller.yandex.net/services/tinyspell"
}

Следуя данной инструкции все должно получится. Вот так Яндекс Спеллер выглядит в редактировании ресурсов.

Как видим, проверка орфографии работает, вкладка в тулбаре есть. Помимо тулбара появился новый пункт в
инструментах.

Что я думаю про Яндекс Спеллер

На самом деле отличный сервис, который работает. Разницы с проверкой орфографии браузером я пока не нашел. Думаю профит можно почувствовать со временем, пока я не часто пишу статьи. Я ставил данный сервис в надежде получить проверку пунктуации, я особо не изучал функции Спеллера, просто надеялся и верил. К сожалению пока Яндекс Спеллер не умеет проверять пунктуацию.

Надеюсь вам помогла моя статья. Пишите свои вопросы в комментариях постараюсь помочь. Ну и жмите лайки)

Кузнецов Семен

Веб-разработчик и просто хороший парень. Есть вопросы? Я с радостью помогу вам и отвечу на все интересующие вопросы в комментариях или по телефонам. Я не люблю спать, поэтому можете звонить мне круголосуточно!

Это абсолютно бесплатно?

Не волнуйтесь, мы не кусаемся! Отправьте форму или позвоните нам, наш менеджер вас проконсультирует абсолютно бесплатно по всем интересующим вопросам.

*КАК ВАС ЗОВУТ

ВАШ EMAIL

*ВАШ НОМЕР ТЕЛЕФОНА

ОТПРАВЬТЕ НАМ СООБЩЕНИЕ

Отправляя данную форму вы автоматически соглашаетесь с нашей политикой конфиденциальности.

Адреса

115191 г. Москва, ул. Большая Тульская 54к3

354002 г. Сочи, ул. Переулок Виноградный 2А