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
Use the following code to create a basic inputEx TinyMCEField.
new Y.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."});
Test for setValue/getValue using the TinyMCEField.
var div = Y.one('#container2');
var htmlField = new Y.inputEx.TinyMCEField({parentEl: div, name: 'test2'});
var button1 = inputEx.cn('button', null, null, "SetValue");
div.appendChild(button1);
Y.one(button1).on('click' ,function() {
htmlField.setValue('TinyMCEField can contain HTML !');
});
var button2 = inputEx.cn('button', null, null, "GetValue");
div.appendChild(button2);
Y.one(button2).on('click' ,function() {
alert(htmlField.getValue());
});
Use the following code to create a SimpleEditor widget
var field3 = new Y.inputEx.TinyMCEField({parentEl: 'container3', name: 'rteField3'});
field3.setValue("Value set just after init...");
You can have access to all the tinymce config options through the "opts" attribute. Check out the TinyMCE examples for all options.
var field4 = new Y.inputEx.TinyMCEField({
parentEl: 'container4',
name: 'rteField4',
opts: {
mode : "textareas",
//language : "fr",
height: "400",
width: "400"
}
});
field4.setValue("Value set just after init...");