I loved the small js based editor not because of the features but because of the customization options it provides.

Here I show u a simple way to integrate TinyMCE with your rails app.

(Please note that this is applicable for all as its simple JS code)

The steps are:

1. Download the latest version of TinyMCE from here
2. Extract the tinymce folder and put it in Rails.root/public/javascripts folder.
3. The code in application.html.erb is:

<%= stylesheet_link_tag :all %>
<%= javascript_include_tag :defaults %>
<%= javascript_include_tag ‘tiny_mce/tiny_mce’ %>

<script language=”javascript” type=”text/javascript”>
tinyMCE.init({
mode : “textareas”,
theme : “advanced”,
convert_urls : false,
plugins : “emotions,preview,fullscreen,iespell,table,xhtmlxtras,save”,
theme_advanced_buttons1 : “bold,    italic,    underline,    strikethrough,    justifyleft,    justifycenter,    justifyright,    justifyfull,    bullist,    numlist,    outdent,    indent,    cut,    copy,    paste,    undo,    redo,    link,    unlink,    image,    cleanup,    help,    code,    hr,    removeformat,    formatselect,    fontselect,    fontsizeselect,    styleselect,    sub,    sup,    forecolor,    backcolor,    forecolorpicker,    backcolorpicker,   charmap,    visualaid,    anchor,    newdocument,    blockquote,    separator “,
theme_advanced_buttons2 : “    tablecontrols,   table,    row_props,    cell_props,    delete_col,    delete_row,    col_after,    col_before,    row_after,    row_before,    split_cells,    merge_cells”,
theme_advanced_buttons3 : “    cite,    abbr,    acronym,    ins,    del,   attribs”,
theme_advanced_toolbar_location : “top”,
theme_advanced_toolbar_align : “left”,
extended_valid_elements : “a[name|href|target|title|onclick],img[class|src|     border=0|alt|title|hspace|vspace|width|height|align|onmouseover|onmouseout|name], hr[class|width|size|noshade],font[face|size|color|style],span[class|align|style]“,

content_css : “/custom_content.css”,
theme_advanced_font_sizes: “10px,12px,13px,14px,16px,18px,20px”,
font_size_style_values : “10px,12px,13px,14px,16px,18px,20px”

});
</script>

The code in the script tags basically initializes the tinymce.

Here you can customize your editor.

I have made some customizations like the defaukt font size is now 20pt.

There are lot of plugins and buttons which one can use.

Here is the link for documentation.

Here is the link for available plugins and buttons.

Here is a small screen shot of my editor which I got using the above code.

Note that the code in my views does not change.

Its still

 <%= f.text_area :content ,:cols=>”50″,:rows=>”10″ %>

http://dipi-graphics.com/labs/6/NavDock-jQuery-Plugin.html

I havent tried it yet but will try it soon..
From the demo…its worth a shot !!

the code is:

/* For WebKit (Safari, Google Chrome etc) */
background: -webkit-gradient(linear, left top, left bottom, from(#000), to(#ff9900));
/* For Mozilla/Gecko (Firefox etc) */
background: -moz-linear-gradient(top, #000, #ff9900);
/* For Internet Explorer 5.5 – 7 */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#000, endColorstr=#ff9900);
/* For Internet Explorer 8 */
-ms-filter: “progid:DXImageTransform.Microsoft.gradient(startColorstr=#FF0000FF, endColorstr=#FFFFFFFF)”;

I am showing the preview of the effect which I got.
**** One can change the colors by looking at the code above !!****

Class:Array–>
————————————————————————————————————————————-

Conversions
core_ext/array/conversions.rb
• Array#to_sentence joins the array’s elements and converts to a string:
%w(Larry Curly Moe).to_sentence # => “Larry, Curly, and Moe”

• Array#to_s(:db) collects an array of ActiveRecord objects (or other objects that
respond to the id method) into a SQL-friendly string.

• Array#to_xml converts an array of ActiveRecord objects into XML. This is usually used
to implement REST-style web services. It relies on the contained objects’ implementation
of to_xml (such as ActiveRecord::XmlSerialization.to_xml).
render ml => Product.find(:all).to_xml
Note that render(:xml => …) and render(:json => …) are new synonyms for
render(:text => …) that change the response’s MIME type appropriately.
————————————————————————————————————————————-

————————————————————————————————————————————-

Grouping
core_ext/array/grouping.rb
• Array#in_groups_of(size, fill_with) groups elements of an array into fixed-size groups:
(1..8).to_a.in_groups_of(3) # => [[1, 2, 3], [4, 5, 6], [7, 8, nil]]
(1..8).to_a.in_groups_of(3, 0) # => [[1, 2, 3], [4, 5, 6], [7, 8, 0]]
(1..8).to_a.in_groups_of(3, false) # => [[1, 2, 3], [4, 5, 6], [7, 8]]

• Array#split splits an array on a value or the result of a block:
(1..8).to_a.split(4) # => [[1, 2, 3], [5, 6, 7, 8]]
(1..8).to_a.split {|i| i == 2} # => [[1], [3, 4, 5, 6, 7, 8]]

————————————————————————————————————————————-

————————————————————————————————————————————-

Option processing
core_ext/array/extract_options.rb

• Array#extract_options! removes and returns the last array item if it is a hash; otherwise,
it returns an empty hash. This supports the common pattern of using a hash as
the last argument to provide keyword arguments to a method:
def example(*args)
options = args.extract_options!
“#{args.inspect} :: #{options.inspect}”
end
example 1 # => “[1] :: {}”
example 1, 2 # => “[1, 2] :: {}”
example 1, 2, :a => 3 # => “[1, 2] :: {:a=>3}”

————————————————————————————————————————————-

————————————————————————————————————————————-
Random selection
core_ext/array/random_access.rb
• Array#rand returns an element selected at random from the array:
(1..10).map{ (1..10).to_a.rand } # => [2, 7, 7, 7, 7, 1, 10, 10, 2, 5]
————————————————————————————————————————————-

Thus, computer programming languages should be compared not by their levels of raw power (any Turing-complete language trivially satisfies this requirement) or speed of execution (for most applications, speed is not critical) but by their programmer
efficiency—the speed at which a programmer can accurately translate his thoughts into code.

Closely related to programmer efficiency is maintainer efficiency: the ability of a maintainer (who may be the original developer, 12 months later) to read the code and deduce what is going on. Perl is often criticized for being “write-only”; it is easy
to write code that is nearly unreadable to future developers. Such code would have high programmer efficiency at the cost of maintainer efficiency. Ruby wins on both fronts: most Ruby code is easy to write and read, once you know the basic syntax and semantics. Still, diving into any large project such as Rails is difficult. Here, we discuss ways to begin reading a codebase.

String

——————————————————————————————————————
String#%(args) interpolates the arguments into itself in the manner of sprintf. To provide
more than one value for interpolation, you must supply an array.
“%.5f” % Math::PI # => “3.14159″
“%.5f, %.5f” % [Math::PI, Math::E] # => “3.14159, 2.71828″
——————————————————————————————————————

——————————————————————————————————————
• String#[](regex) returns the portion of the string that matches the given regular
expression. If there is no matching portion, nil is returned.
“asdf”[/sd/] # => “sd”
“asdf”[/^sd/] # => nil
“asdf”[/d(.)/,1] # => “f”
——————————————————————————————————————

——————————————————————————————————————
• String#scan(regex) collects all of the regular expression’s matches against the string
into an array. If the pattern has captures, each element of the array is itself an array of
captured text.
“asdf”.scan(/[a-e]/) # => ["a", "d"]
“hello ruby; hello regex”.scan(/hello (\w+)/) # => [["ruby"], ["regex"]]
——————————————————————————————————————

Proc

——————————————————————————————————————
• Proc#[] is shorthand for Proc.call.
p = lambda{|x| x * 2}
p[3] # => 6
——————————————————————————————————————

Module

——————————————————————————————————————
• Module#remove_method removes a method from the specified class. Module#undef_method,
on the other hand, actively prevents that method from being invoked on the class; it
inserts a special entry into the m_tbl that stops method lookup.
——————————————————————————————————————

Kernel

——————————————————————————————————————
• Kernel#Array tries to coerce its argument into an array:
Array([1,2,3]) # => [1, 2, 3]
Array(1..3) # => [1, 2, 3]
Array(1) # => [1]

——————————————————————————————————————

——————————————————————————————————————
• Hash.new accepts a block, which provides a way to calculate a default value if the hash
has none. This is useful for caching. The first time a cached method is called with a
particular set of arguments, the block is invoked; it calculates the value and stores it
in the hash for future access. ActiveSupport has an implementation of hash caching in
caching_tools.rb, which generates hashes like this:
Hash.new do |as, a|
as[a] = Hash.new do |bs, b|
bs[b] = slow_method(a, b)
end
end
——————————————————————————————————————

——————————————————————————————————————
Hash#delete removes a value from the hash and returns it. This is useful for stripping
out keyword arguments from a hash before passing it along somewhere.
——————————————————————————————————————