Как сделать чтобы меню TinyMCE было на Русском языке?

Гобелен - кликните для возврата на главную

Не прошло и месяца а Фурмановская ЦРБ в очередной раз попала в историю. На этот раз сотрудница клеветала на пациентов, а именно огласку получил случай когда сотрудница назвала пациента алкашём.

Ровно 3 года назад произошло событие, которое подарило жителям планеты Змеля новый чистый праздник 6 апреля - в этот замечательный день земля забрала гнить негодяя и СПАМера Жладимира Вольфовича Жириновского.

Начал разбираться с информацией которая находится в HTTPS клиентском запросе рукопожатия.

Обратите внимание! Объект изображённый на гобилене может отличаться от общепринятого вида описанного объекта. Тут дело в том что художник видит именно так!

104 549 руб.

Описание товара

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

Шаг 1: Подключение языкового пакета

Языковые пакеты TinyMCE находятся в папке langs после скачивания локальной версии. Убедитесь, что у вас есть файл ru.js (или ru_RU.js) в папке langs.

Если файла нет, вы можете скачать его:

  • перейдите в репозиторий языковых пакетов TinyMCE;
  • скачайте файл ru.js для русского языка;
  • поместите его в папку langs вашей локальной установки TinyMCE.

Шаг 2: Настройка языка в конфигурации TinyMCE

Добавьте параметр language в конфигурацию TinyMCE и укажите значение 'ru'.

Пример конфигурации:

JavaScript
    
tinymce.init({
  selector: '.wysiwyg-editor',
  language: 'ru',//Указываем русский язык
  plugins: 'image media link code',
  toolbar: 'undo redo | styleselect | bold italic | alignleft aligncenter alignright alignjustify | outdent indent | image media link code',
  menu: {
    file: { title: 'Файл', items: 'preview | print' },
    edit: { title: 'Правка', items: 'undo redo | cut copy paste | selectall' },
    insert: { title: 'Вставка', items: 'image media link' },
    format: { title: 'Формат', items: 'bold italic underline | alignleft aligncenter alignright alignjustify' },
  },
  menubar: 'file edit insert format',
});

Шаг 3: Проверка

  • Убедитесь, что файл ru.js находится в папке langs и доступен по пути: /path/to/local/tinymce/langs/ru.js
  • Откройте страницу с TinyMCE в браузере. Меню и другие элементы интерфейса должны отображаться на русском языке.

Пример полного HTML-кода

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

HTML
    
<!DOCTYPE html>
<html lang="ru">
<head>
    <meta charset="UTF-8">
    <title>Редактор TinyMCE на русском</title>
    <!-- Подключение TinyMCE -->
    <script src="/path/to/local/tinymce/tinymce.min.js"></script>
    <script>
        tinymce.init({
            selector: '.wysiwyg-editor',
            language: 'ru',//Указываем русский язык
            plugins: 'image media link code',
            toolbar: 'undo redo | styleselect | bold italic | alignleft aligncenter alignright alignjustify | outdent indent | image media link code',
            menu: {
                file: { title: 'Файл', items: 'preview | print' },
                edit: { title: 'Правка', items: 'undo redo | cut copy paste | selectall' },
                insert: { title: 'Вставка', items: 'image media link' },
                format: { title: 'Формат', items: 'bold italic underline | alignleft aligncenter alignright alignjustify' },
            },
            menubar: 'file edit insert format',
        });
    </script>
</head>
<body>
    <h1>Редактор TinyMCE на русском</h1>
    <textarea class="wysiwyg-editor">Привет, программист!</textarea>
</body>
</html>

Если язык не подключается

  • проверьте, что файл ru.js находится в папке langs и доступен по указанному пути;
  • убедитесь, что в конфигурации TinyMCE указан правильный язык (language: 'ru');
  • откройте консоль браузера (F12) и проверьте, нет ли ошибок загрузки языкового файла.

Дополнительно: Кастомизация перевода

Если вы хотите изменить какие-то тексты в интерфейсе TinyMCE, вы можете отредактировать файл ru.js в папке langs. Например, чтобы изменить текст "Файл" на "Меню", найдите в файле строку:

JavaScript
    
"File": "Файл",

и замените её на:

JavaScript
    
"File": "Меню",

Другие товары

Вы так же можете прочитать следующие статьи: