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

Устанавливаем русский 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=“http://ваш_сайт.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;
}

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

Комментарии:

  1. Andrey опубликовал комментарий 11 Октябрь 2011, 17:30 #

    Здравствуйте!
    В Textpattern по умолчанию отключен html в комментариях… Как с этим быть в случае с TinyMCE ?

    | Ответить
    • Admin опубликовал комментарий 11 Октябрь 2011, 20:16 #

      Что значит отключен html? Как textile так и html все работает. Просто в настройках TXP есть пункт – отключить Textile для комментариев.

      | Ответить
  2. Andrey опубликовал комментарий 19 Октябрь 2011, 11:05 #

    Извините, я имел в виду, что отключены html-теги в теле коментариев. Например тег <b>, <a> и другие. Есть возможность разрешить только тег изображений в комментариях. Каков тогда смысл ставить TinyMCE на форму коментирования?
    Да, и пункта "отключить Textile для комментариев" никогда не встречал в настройках этого движка, по крайней мере, последних версий.

    | Ответить
    • Admin опубликовал комментарий 27 Октябрь 2011, 06:53 #

      Я лично использовал этот WISWIG-редактор для форматирования текстов в форме добавления статей на сайт, на паблик стороне. Про комментарии это так, умозаключения.

      А действительно, в последней версии TXP я не нашел в настройках чего-то подобного, что могло бы выключать Textile. Мне кажется что раньше я где-то это встречал

      | Ответить
  3. Андрей опубликовал комментарий 31 Март 2012, 00:36 #

    Помогите пожалуйста! Я установил tinymce advanced настроил на нажал подтвердить. Но у меня при создании записи или редактировании, нету кпонов визуал и HTML. ЧТо делать ?

    | Ответить
    • admin опубликовал комментарий 31 Март 2012, 16:58 #

      Андрей: Помогите пожалуйста! Я установил tinymce advanced настроил на нажал подтвердить. Но у меня при создании записи или редактировании, нету кпонов визуал и HTML. ЧТо делать ?

      Можно подробнее. Где устанавливали? Какая CMS?

      | Ответить
  4. Олег опубликовал комментарий 12 Февраль 2013, 20:31 #

    Поскольку я ничего не понимаю в программировании, то спрошу…
    А куда конкретно нужно вставлять код из пункта 5? Мне нужно, чтобы TinyMCE появился в окне создания нового материала на сайте в админке.

    | Ответить
    • admin опубликовал комментарий 18 Февраль 2013, 12:38 #

      Тогда нужно искать плагин для вашей CMS или искать в исходниках какой PHP файл отвечает за вывод этой страницы

      | Ответить
Имя
e-mail
Сайт
Текст комментария: