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.');
});
}
});
To disable the toolbar, the toolbar option should be provided a boolean value of false .
Use the checkbox to toggle between the "design" and "readonly" modes.
Use tinymce. remove() method to remove TinyMCE editor from the HTML element and again call tinymce. init() on the selector to reinitialize.
The TinyMCE getContent and setContent methods You can do this using the getContent() API method. Let's say you have initialized the editor on a textarea with id=”myTextarea”. This will return the content in the editor marked up as HTML.
Add readonly : true
to your params.
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With