TinyMCE, установка и русификация

Подробности

Категория: Полезные статьи

Для преобразования стандартной формы ввода текста, так называемой textarea, используются разнообразные  WYSIWYG-редакторы, сегодня покажу насколько просто установка такого редактора на примере TinyMCE.

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

Для установки нам необходим сам редактор, ну и еще файл руссификации. -> tiny, lang

Итак, для начала распакуем первый архив, который включает в себе сам редактор, после этого его необходимо поместить в папку на сервере, например по адресу "js/tinymce".

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

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>

<script type="text/javascript">
tinymce.init({
    selector: "textarea"
 });
</script>

Дальше нам нужно добавить русскую локализацию. Распаковываем следующий архив и содержимое "ru.js" помещаем в папку "langs" находящуюся у нас по адресу " js/tinymce/langs".

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

<script type="text/javascript">
tinymce.init({
    selector: "textarea",
    language:"ru"
 });
</script>