Recommend Me


Mercredi 21 mars 2007

TinyMCE On Rails

TinyMCE est un des monbreux et néanmoins excellents éditeurs HTML WYSIWYG. Et puisque Blake Watters nous a fait un plugin pour Rails, profitons-en…

Commencez par créer une nouvelle application Rails :

$ rails TestTinyMCE ...

Pour installer le plugin il faut ensuite se placer dans le répertoire vendor/plugins et faire un export via svn :

$ cd TestTinyMCE/vendor/plugins $ svn export https://secure.near-time.com/svn/plugins/trunk/tiny_mce ...

Vous pouvez ensuite installer le javascript :

$ cd ../.. $  rake tiny_mce:scripts:install ...

Créons ensuite un contrôleur test auquel nous associerons une vue text :

$ ruby script/generate controller test ...

Voici ce que nous placerons dans notre contrôleur (app/controllers/test_controller.rb)

class TestController < ApplicationController   uses_tiny_mce "options" => { :theme => 'advanced',                                :browsers => %w{msie gecko},                                :theme_advanced_toolbar_location => "top",                                :theme_advanced_toolbar_align => "left",                                :theme_advanced_resizing => true,                                :theme_advanced_resize_horizontal => true,                                :paste_auto_cleanup_on_paste => true,                                :theme_advanced_buttons1 => %w{formatselect fontselect fontsizeselect bold                                                               italic underline strikethrough separator justifyleft                                                               justifycenter justifyright indent outdent separator                                                               bullist numlist forecolor backcolor separator link                                                               unlink image undo redo},                                :theme_advanced_buttons2 => [],                                :theme_advanced_buttons3 => [],                                :plugins => %w{contextmenu paste}}     def text     if params[:test]       @data = params[:test][:data]     end   end end

Et voici le contenu de la vue (app/views/test/text.rhtml) :

<html>         <head>                 <%= javascript_include_tiny_mce_if_used %>                 <%= tiny_mce if using_tiny_mce? %>         </head>         <body>                 <b>Test</b><br />                                 <%= start_form_tag %>                         <%= text_area ("test", "data", :cols => 110, :rows => 30 ) %>                         <%= submit_tag "envoyer!" %>                 <%= end_form_tag %>                                 <% if @data %>                 <hr>                 <%= @data %>                 <% end %>         </body> </html>

Plus simple, y-a-pas !

• • •

Un commentaire »

  1. [...] TinyMCE On Rails [...]

    Ping par greg.rubyfr.net»Blog Archive » Truc-On-Rails — Mercredi 21 mars 2007 @ 15:02

RSS des commentairesTrackBack URI

Laisser un commentaire

You must be logged in to post a comment.

Powered by: WordPress • Template adapted from the Simple Green' Wench theme - RSS