# Cool components in the form

**URL:** <https://www.ruby-forum.com/t/cool-components-in-the-form/98357>\
**Category:** Rails\
**Created:** [January 29, 2006, 12:34am UTC](https://www.ruby-forum.com/t/cool-components-in-the-form/98357 "2006-01-29T00:34:16Z")\
**Posts on this page:** 8\
**Page:** 1

<div class="post-metadata">

**Author:** ![rorra](https://www.ruby-forum.com/letter_avatar_proxy/v4/letter/r/df788c/32.png) [@rorra](https://www.ruby-forum.com/u/rorra)\
**Post date:** [January 29, 2006, 12:34am UTC](https://www.ruby-forum.com/t/cool-components-in-the-form/98357/1 "2006-01-29T00:34:16Z")

</div>

Is there a easy way to add components like:  
[http://www.dynarch.com/projects/calendar/](http://www.dynarch.com/projects/calendar/)

> **[The Most Advanced WYSIWYG Editor | Trusted Rich Text Editor | TinyMCE](https://www.tiny.cloud/?example=true)**
>
> TinyMCE is the most advanced WYSIWYG HTML editor designed to simplify website content creation. The rich text editing platform that helped launched Atlassian, Medium, Evernote and more.

in ruby forms, by plugins or whatever?

Thank you

Rodrigo Domínguez  
Iplan Networs  
www.iplan.com.ar [http://www.iplan.com.ar/](http://www.iplan.com.ar/) Â? removed\_email\_address@domain.invalid  
www.rorra.com.ar [http://www.rorra.com.ar/](http://www.rorra.com.ar/) Â? removed\_email\_address@domain.invalid

---

<div class="post-metadata">

**Author:** ![rorra](https://www.ruby-forum.com/letter_avatar_proxy/v4/letter/r/df788c/32.png) [@rorra](https://www.ruby-forum.com/u/rorra)\
**Post date:** [January 29, 2006, 1:34am UTC](https://www.ruby-forum.com/t/cool-components-in-the-form/98357/2 "2006-01-29T01:34:32Z")

</div>

Maybe you should take a look at the recently announced “bundled  
resource” plugin:  
[http://blog.inquirylabs.com/2006/01/26/bundled-resource-v-09-full-](http://blog.inquirylabs.com/2006/01/26/bundled-resource-v-09-full-)  
dynarch-calendar-support/

El 29/01/2006, a las 0:33, Rodrigo D.  
escribió:

> Is there a easy way to add components like:

---

<div class="post-metadata">

**Author:** ![rorra](https://www.ruby-forum.com/letter_avatar_proxy/v4/letter/r/df788c/32.png) [@rorra](https://www.ruby-forum.com/u/rorra)\
**Post date:** [January 29, 2006, 11:16am UTC](https://www.ruby-forum.com/t/cool-components-in-the-form/98357/3 "2006-01-29T11:16:00Z")

</div>

Rodrigo  
\> Is there a easy way to add components like:  
\> [The Most Advanced WYSIWYG Editor | Trusted Rich Text Editor | TinyMCE](http://tinymce.moxiecode.com/example_full.php?example=true)  
\> in ruby forms, by plugins or whatever?

“Integrating” tinyMce is a no-brainer:

Just

step 1/ add this once in your base layout:

```
<script type="text/javascript" >
tinyMCE.init({
	mode:"textareas", editor_selector : "my_tiny_mce",
	safari_warning:"true",
});
</script>

```

step 2/ tag each textarea with the previously chosen class:

```
   <%= text_area 'post', 'text' , :cols => "60", :rows => "20",

```

:class =\> ‘my\_tiny\_mce’ %\>

Note: tinyMce doesn’t work with Safari

Alain

---

<div class="post-metadata">

**Author:** ![rorra](https://www.ruby-forum.com/letter_avatar_proxy/v4/letter/r/df788c/32.png) [@rorra](https://www.ruby-forum.com/u/rorra)\
**Post date:** [January 29, 2006, 4:45pm UTC](https://www.ruby-forum.com/t/cool-components-in-the-form/98357/4 "2006-01-29T16:45:22Z")

</div>

One more question, do you know some kind of javascript textarea control  
like tinymce that works for IE, mozilla and safari?

Thank you

Rodrigo Domínguez  
Iplan Networs  
www.iplan.com.ar ? removed\_email\_address@domain.invalid  
www.rorra.com.ar ? removed\_email\_address@domain.invalid

-----Mensaje original-----  
De: removed\_email\_address@domain.invalid  
[[mailto:removed\_email\_address@domain.invalid](mailto:removed_email_address@domain.invalid)] En nombre de Alain R.  
Enviado el: domingo, 29 de enero de 2006 7:15  
Para: removed\_email\_address@domain.invalid  
Asunto: [Rails] Re: cool components in the form

Rodrigo  
\> Is there a easy way to add components like:  
\> [The Most Advanced WYSIWYG Editor | Trusted Rich Text Editor | TinyMCE](http://tinymce.moxiecode.com/example_full.php?example=true)  
\> in ruby forms, by plugins or whatever?

“Integrating” tinyMce is a no-brainer:

Just

step 1/ add this once in your base layout:

```
<script type="text/javascript" >
tinyMCE.init({
	mode:"textareas", editor_selector : "my_tiny_mce",
	safari_warning:"true",
});
</script>

```

step 2/ tag each textarea with the previously chosen class:

```
   <%= text_area 'post', 'text' , :cols => "60", :rows => "20",

```

:class =\> ‘my\_tiny\_mce’ %\>

Note: tinyMce doesn’t work with Safari

Alain

* * *

Rails mailing list  
removed\_email\_address@domain.invalid  
[http://lists.rubyonrails.org/mailman/listinfo/rails](http://lists.rubyonrails.org/mailman/listinfo/rails)

---

<div class="post-metadata">

**Author:** ![rorra](https://www.ruby-forum.com/letter_avatar_proxy/v4/letter/r/df788c/32.png) [@rorra](https://www.ruby-forum.com/u/rorra)\
**Post date:** [January 29, 2006, 7:22pm UTC](https://www.ruby-forum.com/t/cool-components-in-the-form/98357/5 "2006-01-29T19:22:50Z")

</div>

> Note: TinyMCE doesn’t work with Safari

Not exactly the whole story, TinyMCE has experimental and partial  
support for Safari as you can read on [http://tinymce.moxiecode.com/](http://tinymce.moxiecode.com/),  
I’ve used it in a Joomla! site with success.

Best regards

Peter De Berdt

---

<div class="post-metadata">

**Author:** ![rorra](https://www.ruby-forum.com/letter_avatar_proxy/v4/letter/r/df788c/32.png) [@rorra](https://www.ruby-forum.com/u/rorra)\
**Post date:** [January 29, 2006, 11:03pm UTC](https://www.ruby-forum.com/t/cool-components-in-the-form/98357/6 "2006-01-29T23:03:25Z")

</div>

On 29 Jan 2006, at 20:12, Alain R. wrote:

> Peter
> 
> > Not exactly the whole story, TinyMCE has experimental and partial  
> > support for Safari as you can read on http://  
> > [tinymce.moxiecode.com/](http://tinymce.moxiecode.com/),  
> > I’ve used it in a Joomla! site with success.
> 
> Lucky you. I see only the html contents and tags in a plain  
> textarea (instead of rich text and a toolbar).  
> How do you init it (aka: the js code in the page head section)?

Well, Joomla is an open source PHP CMS ([http://www.joomla.org](http://www.joomla.org)), so  
you could install it yourself (it’s very easy to install) or just  
look it up in the “mambots/editors/tinymce.php” script file. In case  
you install it, TinyMCE editing is an option you can select in the  
preferences of Joomla.

Best regards

Peter De Berdt

---

<div class="post-metadata">

**Author:** ![rorra](https://www.ruby-forum.com/letter_avatar_proxy/v4/letter/r/df788c/32.png) [@rorra](https://www.ruby-forum.com/u/rorra)\
**Post date:** [January 29, 2006, 8:14pm UTC](https://www.ruby-forum.com/t/cool-components-in-the-form/98357/7 "2006-01-29T20:14:11Z")

</div>

Peter

```
> Not exactly the whole story, TinyMCE has experimental and partial
> support for Safari as you can read on 

```

[http://tinymce.moxiecode.com/](http://tinymce.moxiecode.com/),  
\> I’ve used it in a Joomla! site with success.

Lucky you. I see only the html contents and tags in a plain textarea  
(instead of rich text and a toolbar).  
How do you init it (aka: the js code in the page head section)?

Alain

---

<div class="post-metadata">

**Author:** ![rorra](https://www.ruby-forum.com/letter_avatar_proxy/v4/letter/r/df788c/32.png) [@rorra](https://www.ruby-forum.com/u/rorra)\
**Post date:** [January 29, 2006, 11:36pm UTC](https://www.ruby-forum.com/t/cool-components-in-the-form/98357/8 "2006-01-29T23:36:34Z")

</div>

On 29 Jan 2006, at 20:12, Alain R. wrote:

> Peter
> 
> > Not exactly the whole story, TinyMCE has experimental and partial  
> > support for Safari as you can read on http://  
> > [tinymce.moxiecode.com/](http://tinymce.moxiecode.com/),  
> > I’ve used it in a Joomla! site with success.
> 
> Lucky you. I see only the html contents and tags in a plain  
> textarea (instead of rich text and a toolbar).  
> How do you init it (aka: the js code in the page head section)?

This is what comes up in the content editing in the administrator  
section of the demo of joomla on the site:

```
<script type="text/javascript" src="http://demo.joomla.org/mambots/

```

editors/tinymce/jscripts/tiny\_mce/tiny\_mce\_src.js"\>

… and the textarea section:

\<p\>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.\</p\>

![{mosimage}](http://demo.joomla.org/mambots/editors-xtd/%0Amosimage.gif) ![{mospagebreak}](http://demo.joomla.org/mambots/editors-xtd/mospage.gif)

Hope this helps!

Best regards

Peter De Berdt