IT-Expert
  IT-Expert / Веблог / Подключение TinyMCE в Ruby on the Rails
Авторизация
Логин:
Пароль:


 
Поиск по записям:

Ключевые слова:
Записей в блоге
 за 2011 год
 за 2010 год

     за 2009 год
     за 2008 год
     за 2007 год
     за 2006 год
     за 2005 год
    RSS лента Лента новостей IT-Expert 
    Лента подкастов IT-Expert IT-Expert audiopodcasts

    Подключение TinyMCE в Ruby on the Rails

    12:37, 15 июня 2006 ( Web Development Ruby Rails  )

    и приятности иже с ним.

    Очень, очень все просто работает и приятно подключать.

    Подключаем устанавливая SVN external property (а проекты теперь веду исключительно в SVN) в /verdor/plugins как установлено на скриншоте, делаем checkout проекта (а можно просто ветки plugins), запрашивает подтверждение сертификата, и после утвердительного ответа мы имеем свежескачанный плагин tiny_mce.


    tinymce ruby rails

    Далее в консоли вызываем 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",      

     Редактор будет выглядеть примерно как на скриншоте:

    tinymce sample


    Оставить комментарий
    © Nexus 2005-2011 Rambler Top100 О сервере