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

Опубликовано
Комментарии Нет

TinyMCE – это очень навороченный WYSIWYG-редактор, который можно установить достаточно легко на любую html-форму textarea. Лично я устанавливал этот редактор на несколько своих сайтов в форму ввода комментариев, так как TinyMCE реально может помочь вашим посетителям в написании новых комментариев.

В TXP есть Textile, но так как он мало где распространен, его среднестатистический пользователь не знает и в ваших комментариях соответственно использовать не будет.

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

Почему именно TinyMCE?

Этот WYSIWYG-редактор обладает несколькими неподкупными достоинствами, к которым можно отнести:
  • широкий функционал;
  • русский язык;
  • простая установка;
  • гибкая настройка панели редактора.

Устанавливаем TinyMCE в Textpattern

Простая установка TinyMCE в Textpattern заключается в всего лишь в нескольких несложных действиях, которые необходимо выполнять по порядку:
  1. Загружаем последнюю версию TinyMCE с официального сайта.
  2. Загружаем пакет русификации с того же сайта. Тут нужно выбрать какие языки нужны и нажать на DOWNLOAD.
  3. Далее необходимо поместить последнюю версию TinyMCE на свой хостинг, где размещен сайт. По умолчанию разработчики предлагают размещать все в директории /js/tiny_mce, но Вы может куда угодно его засунуть.
  4. После этого необходимо «накатить» на все это русификацию, которая была на втором шаге. Прямо скопировать поверх всех загруженных файлов.
  5. После этого добавляем небольшой html-код на страницу сайта. Главное, чтобы этот код был выше формы, на которую нужно добавить TinyMCE. Сам код:
    <script type="text/javascript" src="https://ваш_сайт.ru/js/tiny_mce/tiny_mce.js"></script>
    <script type="text/javascript">
      tinyMCE.init({
        mode: "textareas",
        theme: "simple",
        language: "ru"
      });
    </script>

    В этом коде необходимо указать путь до файла tiny_mce.js.
    В строке:
    theme:"simple"
    указываем тему. По умолчанию используется advanced, которая имеет на панели абсолютно все значки. Есть и простая simple, в которой нет ничего лишнего. Вот последнюю и рекомендуется использоваться.
    Строка:
    language:"ru"
    говорит, что использоваться будет русский язык.

На этом все!! TinyMCE установлен на всех формах ниже.

Небольшие доработки из личного опыта

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

Решение оказалось простым. Нужно просто удалить или закомментировать две строчки в CSS-файле установленной темы. Так как тема установлена simple, то CSS-файл будет вот этот: /tiny_mce/themes/simple/skins/default/content.css.

В нем нужно удалить вот этот блок:
body, td, pre {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
}

И мусор уйдет.

Автор

Комментарии

Нет комментариев к данной статье.

Комментарии

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





← Старые Новые →