gotnull
gotnull

Reputation: 27214

How to disable TinyMCE's textarea

I've tried all of the following:

$(#"tbxNote").attr("disabled", "disabled"); ////doesn't work
$(#"tbxNote").attr("disabled", "true"); //doesn't work either :)

tinyMCE.init( mode: "none" ); //throws an error

This is how I'm loading TinyMCE:

//load tinymce plugin
$('#tbxNote').tinymce({
    // Location of TinyMCE script
    script_url: '/common/scripts/tiny_mce/tiny_mce.js',

    // General options
    theme: "advanced",

    // Theme options
    theme_advanced_buttons1: "link,unlink",
    theme_advanced_buttons2: "", //important
    theme_advanced_buttons3: "", //important
    theme_advanced_toolbar_location: "top",
    theme_advanced_toolbar_align: "left",
    theme_advanced_statusbar_location: "bottom",
    theme_advanced_resizing: false,

    setup: function (ed) {
        ed.onClick.add(function (ed) {
            //ed.windowManager.alert('User clicked the editor.');
        });
    }
});

Upvotes: 7

Views: 15191

Answers (1)

Soufiane Hassou
Soufiane Hassou

Reputation: 17750

Add readonly : true to your params.

Upvotes: 11

Related Questions