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


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

Ключевые слова:
Записей в блоге
 за 2023 год
 за 2022 год
 за 2021 год
 за 2015 год
 за 2014 год
 за 2013 год
 за 2012 год
 за 2011 год

     за 2010 год

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

      Подключение 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


      Оставить комментарий
      © Максим Прокопов 2005-2024 О сервере