и приятности иже с ним.
Очень, очень все просто работает и приятно подключать.
Подключаем устанавливая SVN external property (а проекты теперь веду исключительно в SVN) в /verdor/plugins как установлено на скриншоте, делаем checkout проекта (а можно просто ветки plugins), запрашивает подтверждение сертификата, и после утвердительного ответа мы имеем свежескачанный плагин tiny_mce.
Далее в консоли вызываем rake tinymce:scripts:install что сгенерит tinymce джаваскрипт-код в public/javascripts.
В layout application.rhtml добавляем строки
<%= javascript_include_tag('pic_browser') if using_tiny_mce? %> ## это мой picbrowser, которым я поделюсь попозже
<%= javascript_include_tiny_mce_if_used %>
<%= tiny_mce if using_tiny_mce? %> перед закрытием head секции.
Подключение tinymce из контроллера тоже очень просто:
В определении класса перед первым методом ставим следующую конструкцию:
uses_tiny_mce(:options => {:theme => 'advanced',
:browsers => %w{msie gecko},
:content_css => "/stylesheets/styles.css",
:theme_advanced_toolbar_location => "top",
:theme_advanced_toolbar_align => "left",
:theme_advanced_resizing => true,
:theme_advanced_resize_horizontal => false,
:file_browser_callback => "myBrowserInstance.fileCallBack",
:external_image_list_url => "/javascripts/imagelist.js",
:paste_auto_cleanup_on_paste => true,
:theme_advanced_buttons1 => %w{styleselect separator bold italic underline strikethrough separator justifyleft justifycenter justifyright indent outdent separator bullist numlist forecolor backcolor separator link unlink anchor image separator undo redo},
:theme_advanced_buttons2 => %w{formatselect fontselect fontsizeselect pastetext pasteword cleanup},
:theme_advanced_buttons3 => %w{fullscreen selectall tablecontrols separator removeformat visualaid separator code separator preview save},
:paste_create_paragraphs => false,
:paste_use_dialog => true,
:plugins => %w{fullscreen preview paste advimage table advhr advlink contextmenu save},
:language => "ru_UTF-8",
:extended_valid_elements =>"table[class|border=0|hspace|vspace|width|height|align|cellpadding|cellspacing|background|bgcolor|name|style],
td[dir|class|colspan|rowspan|width|height|align|valign|background|style|bgcolor],span[class|align|style],nobr,hr[class|width|size|noshade],tbody[class|style],a[name|href|target|title|onclick], input[type|class|style|size|name|id|value]"}, :only => [:edit, :create])
Внимание! Мой вызов tiny_mce содержит вызов броузер картинок (которым я поделюсь с вами попозже), поэтому у вас может не сработать. В этому случае убираем строки
:file_browser_callback => "myBrowserInstance.fileCallBack",
:external_image_list_url => "/javascripts/imagelist.js",
Редактор будет выглядеть примерно как на скриншоте:
Оставить комментарий