TinyMCE на Русском

Статья научит Вас, как подключить и локализовать русский язык к редактору TinyMCE. TinyMCE большой визуальный wysiwyg редактор, который предоставляет локализованные файлы почти для всех известных языков.

Оглавление:
  1. Устанавливаем русский TinyMCE
  2. Заключение

Этот учебник предполагает, у вас уже есть встроенный PHP, он нужен для автоматического переключения на язык вашего веб-сайта или веб-приложения.

Допустим: вы зашли в админку вашего сайта, интерфейс которого на русском, но интерфейс редактора по-прежнему на английском.

Устанавливаем русский TinyMCE

Для начала, нужно скачать дополнительный пакет с языками и скопировать его в каталог редактора TinyMCE.

Предположим, что на вашем сайте, переменная $current_lang в которой хранится текущий язык сайта. Вы должны убедиться, что ваша переменная $current_lang  содержит значение, которое соответствует языковым кодам TinyMCE. Проще говоря, код TinyMCE для русского языка 'ru', и если $current_lang возвращает 'en' вместо 'ru'. В этом случае Вы должны добавить строки:

<?php
...
if($current_lang == 'en') {
$current_lang = 'uk';
} else {
$current_lang = 'ru'; //или любой другой язык, который вы хотите что был по умолчанию
}
...

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

Теперь вернемся к заголовку, там где подключен редактор TinyMCE. Нам нужно импортировать нашу переменную php $current_lang в наш JS код, пишите код с переменной раньше подключенного tinyMCE.js:

<script type="text/javascript">

var cur_lang = "<?php echo $current_lang; ?>"; // не забывайте двойные кавычки

tinyMCE.init({
...

Дальше, мы добавим параметры языка:

<script type="text/javascript">

var cur_lang = "<?php echo $current_lang; ?>"; // не забывайте двойные кавычки

tinyMCE.init({
        // Основные опции
        width : "480",
        height : "680",
        mode : "textareas",
        theme : "advanced",
        language : cur_lang, // Здесь добавлен параметр языка, значение которого соответствует языку сайта
        plugins :
        ...

не забудьте изменить JavaScript инициализации фрагмента TinyMCE.

После этого, интерфейс вашего редактора TinyMCE будет отображаться на языке вашего веб-сайта или веб-приложения. В нашем примере это русский язык.

к меню ↑

Заключение

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