Question

I need to append a string (an img tag) to a tinyMCE editor instance.

I was doing it like this:

$("#textboxhiddenbytinymce").append( string );
tinyMCE.triggerSave();

with no luck. I was wondering if:

There is a direct method for adding an arbitrary string (I need complete control over it) to an instance of tinyMCE I understand that the way I’m doing it is wrong since tinyMCE works indipendently to the “original” textarea.

Thank you very much!

Answer 1

The only way this will work is if you use the jQuery Plugin version. Luckily it’s easy to convert an existing tinyMCE.init block to use jQuery:

$().ready(function () {
    $('textarea#tinymce').tinymce({
        script_url: 'tinymce/jscripts/tiny_mce/tiny_mce.js',
        // and all your existing config
});

Then you can access the $(‘textarea#tinymce’) object and edit it as you would a normal element.

Hope this answer is still helpful to someone a year after the question was posted!