使用javascript在tinymce编辑器中更改文本框文本

Question

I have a textbox inside a tinymce editor. I want to change textbox text by using javascript. Can any one tell me how is this possible? Thank you

Answer 1

Use tinymce setContent method I hope this will help you..

// Sets the HTML contents of the activeEditor editor
tinyMCE.activeEditor.setContent('<span>some</span> html');

// Sets the raw contents of the activeEditor editor
tinyMCE.activeEditor.setContent('<span>some</span> html', {format : 'raw'});

// Sets the content of a specific editor (my_editor in this example)
tinyMCE.get('my_editor').setContent(data);

// Sets the bbcode contents of the activeEditor editor if the bbcode plugin was added
tinyMCE.activeEditor.setContent('[b]some[/b] html', {format : 'bbcode'});

please check the tinymce documentation http://www.tinymce.com/wiki.php/API3:method.tinymce.Editor.setContent

Answer 2

This is not difficult. First, you will need to get the body of your editor. Then you can try to find your textarea. As bios suggested it is helpfull to give an id to your textarea. Here is the necessary code

var editor = tinymce.get('your_editor_id');
$(editor.getBody()).find('textarea#your_textarea_id').innerHTML = 'my_new_text';