www.aurov.com - Личный сайт Александра Юрова - Использование в Ruby on Rails редактора TinyMCE

Использование в Ruby on Rails редактора TinyMCE

При разработке разного рода блогов или CMS в качестве важного элемента используется он-лайн редакторы. Одним из лучших и наиболее распространенных является я TinyMCE . Он давно адаптирован для РНР, JSP, ASP.NET, Coldfusion. Сейчас он доступен и для Ruby on Rails. Установить и активировать его в проект данного фреймворка очень просто. Существует 3 основных варианта установки: посредством svn, установка в качестве Ruby on Rails pluginа и копированием из файла архива. Рассмотрим здесь все способы.

Для интеграции с помощью svn нужно в командной строке выполнить следующее:

svn export https://secure.near-time.com/svn/plugins/trunk/tiny_mce

Затем нужно обязательно запустить такую команду:

rake tinymce:scripts:install

Она поместит в директорию Ruby on Rails проекта “ /public/javascripts” необходимые для работы редактора библиотеки.

Другой способ установки – использование plugina TinyMCE . Опять же, в командной строке запускаем :

ruby script/plugin install -x https://secure.near-time.com/svn/plugins/trunk/tiny_mce

На конец, последний способ, тоже достаточно простой. Нужно скачать исходный код редактора с сайта программы - http://tinymce.moxiecode.com/download.php в виде файла архива. Затем полученный файл нужно открыть и поместить в уже знакомую нам папку “/public/javascripts “

Далее, в не зависимости от способа установки редактора, нужно обязательно добавить либо в файл “ application.rhtml “ либо в файл типа “view”, в котором вы намереваетесь использовать редактор, следующий код:

<%= javascript_include_tag "tiny_mce/tiny_mce" %>

Это подключит необходимые библиотеки для работы редактора в Ruby on Rails проекте. Затем вводим в необходимый файл типа типа “view”, к примеру, “messager.rhtml” такие строки кода:

tinyMCE.init({

mode:"textareas", editor_selector : "tiny_mce",

theme_advanced_toolbar_location : "top",

theme : "advanced",

convert_urls : false,

plugins : "emotions,preview"});

</script>

Затем там же помещаем ссылку на класс “tiny_mce” в веб форму , чтобы получить полностью работающий редактор:

<p><label for="author_message">Message</label><br/>

<%= text_area 'author', 'message', :cols => "50", :class => 'tiny_mce'%></p>

Это все. Минимальная конфигурация данного редактора готова к использованию. Конечно, можно активировать другие возможности редактора, как то themes, дополнительные языки, браузер картинок и т.д. Для этого есть очень качественная документация на сайте программы. Но это все уже по желанию или по потребности.