Tinymce auto set readonly if the textarea has readonly

Question

How would I set tinymce to automatically set the editor as readonly if the textarea already has the attr("readonly")

Answer 1

A more general solution might be

tinyMCE.init({
    ...
    setup: function(ed) {
        if($('#'+ed.id).attr('readonly'))
            ed.settings.readonly = true;
    }
});

This will work for all textareas without you having to specify any ids. In addition it will actually set the editor to readonly mode, and not only prevent editing.

Answer 2

In case you have the following textarea

<textarea id="my_textarea_id" readonly="readonly">Some content here.</textarea>

you may save the knowledge of having a readonly attribute to a variable:

var readonly = $("textarea#my_textarea_id").attr("readonly") ? 1 : 0;

Now the tinymce init function. We choose mode none to init the editor later.

tinyMCE.init({
        theme : "advanced",
        mode: 'none',
        readonly : readonly,
        ...
});

Here, you can init your editor instance using the id of your textarea

tinyMCE.execCommand("mceAddControl", true, "my_textarea_id");

Your editor instance will be initialized as readonly.