inputEx - TinyMCEField Usage

Important Notice :

TinyMCE is not included in the inputEx distribution !
Download it on http://tinymce.moxiecode.com/ (tested with version 3.3.7) and install it in lib/tiny_mce

Basic TinyMCEField creation

Use the following code to create a basic inputEx TinyMCEField.

1new inputEx.TinyMCEField({parentEl: 'container1', name: 'rteField', value: String.fromCharCode(60)+"b"+String.fromCharCode(62)+"I'm"+String.fromCharCode(60)+"/b"+String.fromCharCode(62)+" the default value. I've been set through the value option."}); 
view plain | print | ?

TinyMCEField setValue/getValue

Test for setValue/getValue using the TinyMCEField.

1var div = YAHOO.util.Dom.get('container2'); 
2var htmlField = new inputEx.TinyMCEField({parentEl: div, name: 'test2'}); 
3 
4var button1 = inputEx.cn('button'nullnull"SetValue"); 
5div.appendChild(button1); 
6YAHOO.util.Event.addListener(button1, "click" ,function() {  
7    htmlField.setValue('TinyMCEField can contain HTML !');  
8}); 
9var button2 = inputEx.cn('button'nullnull"GetValue"); 
10div.appendChild(button2); 
11YAHOO.util.Event.addListener(button2, "click" ,function() {  
12    alert(htmlField.getValue()); 
13}); 
view plain | print | ?

Using the SimpleEditor

Use the following code to create a SimpleEditor widget

1var field3 = new inputEx.TinyMCEField({parentEl: 'container3', name: 'rteField3'}); 
2field3.setValue("Value set just after init..."); 
view plain | print | ?

Changing the config

You can have access to all the tinymce config options through the "opts" attribute. Check out the TinyMCE examples for all options.

1var field4 = new inputEx.TinyMCEField({ 
2  parentEl: 'container4',  
3  name: 'rteField4'
4   
5  opts: { 
6        mode : "textareas"
7        //language : "fr", 
8        height: "400"
9        width: "400" 
10    } 
11}); 
12field4.setValue("Value set just after init..."); 
view plain | print | ?