RailsTinyMCE - A Rich Text Editor for rails 3

TinyMCE is a javascript rich text editor. It is easy to integrate with blogs, cms, messages and mailers.

Plugin uses jrails(jQuery) and Paperclip plugin for image & media upload support

Features

Provides Rich Text Editor
Customisable TinyMCE plugins
Easy to integrate
Supports Image upload & insert
Supports Media upload & Youtube embed
TODO: Document upload plugin

Installation

rails plugin install git://github.com/sandipransing/rails_tiny_mce.git

Migrations

rails g tiny_migration

rake db:migrate

Install jrails(jquery) plugin using

rails plugin install git://github.com/aaronchi/jrails.git

Install dependent plugins(if you did not already)

rake rails_tiny_mce:plugins

Above command will copy paperclip, respond_to_parent, will_paginate plugins to vendor/plugins directory.

paperclip git://github.com/thoughtbot/paperclip.git
respond_to_parent git://github.com/itkin/respond_to_parent.git
will_paginate git://github.com/mislav/will_paginate.git

In your layout add following lines

<%= javascript_include_tag :defaults %>
<%= javascript_include_tiny_mce_if_used %>
<%= tiny_mce if using_tiny_mce? %>

Inside controller class on top add following lines

uses_tiny_mce(:options => AppConfig.default_mce_options, :only => [:new, :edit])

This AppConfig.default_mce_options is in config/initializers/tiny_mce_plus_config.rb, you could change the setting there

In your view add class mceEditor to text_area

Then append the following to the text area you want to transform into a TinyMCE editor. :class => :mceEditor

Install file lists

rake rails_tiny_mce:install

will install following files:

app
  |-- controller
    |-- attachments_controller.rb
  |-- helpers
    |-- remote_link_renderer.rb
  |-- models
    |-- print.rb
    |-- video.rb
  |-- views
    |-- attachments
       |-- _show_attachment_list.html.erb
config
  |-- initializers
    |-- tiny_mce_plus_config.rb
public
  |-- images
    |-- tiny_mce
  |-- javascripts
    |-- tiny_mce

You may custom the config in tiny_mce_plus_config.rb.

Attention Note:

Do not put \<p> \</p> around the textarea.
If you are using old will_paginate plugin, change the url_for to url_option in remote_link_renderer.rb

Example use:

Create CRUD for post

rails g scaffold post title:string text:description
Run Migrations

rake db:migrate
Add following line to posts_controller.rb

uses_tiny_mce(:options => AppConfig.default_mce_options, :only => [:new, :edit])
Open /views/posts/_form.html.erb
Modifiy following line

<%= f.text_area :description %> to <%= f.text_area :description, :class => :mceEditor %>

FAQ

How to get image from post body

#Add imagepath method in post model def imagepath match = body.match(/img src="(.+)" border/) $1 if match end

And use post.imagepath to get url of image embeded in post content

Contributors

Sandip Ransing, Josh Software Private Limited
ilake

thats, all

any sugestions? sandip at funonrails.com or sandip at joshsoftware.com released under the MIT license

nicalpi/rails_tiny_mce

RailsTinyMCE - A Rich Text Editor for rails 3

Features

Attention Note:

Example use:

FAQ

Contributors