title: How to disable TinyMCE's textarea
body: <p>I've tried all of the following:</p>
  
  <pre><code>$(#"tbxNote").attr("disabled", "disabled"); ////doesn't work
  $(#"tbxNote").attr("disabled", "true"); //doesn't work either :)
  
  tinyMCE.init( mode: "none" ); //throws an error
  </code></pre>
  
  <p>This is how I'm loading TinyMCE:</p>
  
  <pre><code>//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.');
          });
      }
  });
  </code></pre>