原文地址：http://ssh-2009-126-com.javaeye.com/blog/599480

在源代码编辑器和所见即所得编辑器之间进行切换
Java代码
  1. <form method="post" action="somepage">   
  2.      <textarea name="content" style="width:100%">   
  3.      </textarea>   
  4.      <a href="#" onclick="tinyMCE.execCommand('mceToggleEditor',false,'content');">[Toggle WYSIWYG]</a>   
  5. </form>  


ToolBar enable and disable
Java代码
  1. <script type="text/javascript" src="<your installation path>/tiny_mce/tiny_mce.js"></script>   
  2. <script type="text/javascript">   
  3. tinyMCE.init({   
  4.      theme : "advanced",   
  5.      mode : "textareas",   
  6.      plugins : "noneditable"  
  7. });   
  8. </script>   
  9.   
  10. <form method="post" action="somepage">   
  11.      <textarea name="content" style="width:100%">   
  12.          <p>Editable content.</p>   
  13.          <p class="mceNonEditable">Non editable content, can't be modified in IE or FF.</p>   
  14.          <p>Editable content.</p>   
  15.          <p class="mceNonEditable">Non editable content, can't be modified in IE or FF.</p>   
  16.      </textarea>   
  17. </form>  

编辑一个整个页面
Java代码
  1. <script type="text/javascript" src="<your installation path>/tiny_mce/tiny_mce.js"></script>   
  2. <script type="text/javascript">   
  3. tinyMCE.init({   
  4.      theme : "advanced",   
  5.      mode : "textareas",   
  6.      plugins : "fullpage",   
  7.      theme_advanced_buttons3_add : "fullpage"  
  8. });   
  9. </script>   
  10.   
  11. <form method="post" action="somepage">   
  12.      <textarea name="content" style="width:100%">   
  13.      </textarea>   
  14. </form>  

Load on demand example
Java代码
  1. <script type="text/javascript" src="<your installation path>/tiny_mce/tiny_mce.js"></script>   
  2. <script type="text/javascript">   
  3. function setup() {   
  4.     tinyMCE.init({   
  5.        mode : "textareas",   
  6.        theme : "advanced",   
  7. }   
  8. </script>   
  9.   
  10. <form method="post" action="somepage">   
  11.      <textarea name="content" style="width:100%">   
  12.      </textarea>   
  13.      <a href="javascript:setup();">Load TinyMCE</a>   
  14. </form>  


启用GZIP的压缩进行加载
Java代码
  1. <script type="text/javascript" src="<your installation path>/tiny_mce/tiny_mce_gzip.js"></script>   
  2. <script type="text/javascript">   
  3. function setup() {   
  4.     tinyMCE_GZ.init({   
  5.        themes : "advanced",   
  6.          
  7.        languages : "en",   
  8.        disk_cache : true  
  9.     }, function() {   
  10.        tinyMCE.init({   
  11.           mode : "textareas",   
  12.           theme : "advanced",        
  13.        });   
  14.     });   
  15. }   
  16. </script>   
  17.   
  18. <form method="post" action="somepage">   
  19.      <textarea name="content" style="width:100%">   
  20.      </textarea>   
  21.      <a href="javascript:setup();">Load TinyMCE</a>   
  22. </form>  

Setup editor events example,单击时弹出警告窗
Java代码
  1. <script type="text/javascript" src="<your installation path>/tiny_mce/tiny_mce.js"></script>   
  2. <script type="text/javascript">   
  3. tinyMCE.init({   
  4.      mode : "textareas",   
  5.      theme : "advanced",   
  6.      plugins : 'inlinepopups',   
  7.      setup : function(ed) {   
  8.         // Display an alert onclick   
  9.          ed.onClick.add(function(ed) {   
  10.              ed.windowManager.alert('User clicked the editor.');   
  11.          });   
  12.   
  13.         // Add a custom button   
  14.          ed.addButton('mybutton', {   
  15.              title : 'My button',   
  16.              image : 'img/example.gif',   
  17.              onclick : function() {   
  18.                  ed.selection.setContent('<STRONG>Hello world!</STRONG>');   
  19.              }   
  20.          });   
  21.      }   
  22. });   
  23. </script>   
  24.   
  25. <form method="post" action="somepage">   
  26.      <textarea name="content" style="width:100%">   
  27.      </textarea>   
  28. </form>  

多个实例共享一个漂浮的Toolbar
Java代码
  1. <script type="text/javascript" src="<your installation path>/tiny_mce/tiny_mce.js"></script>   
  2. <script type="text/javascript">   
  3. tinyMCE.init({   
  4.      mode : "textareas",   
  5.      theme : "advanced",   
  6.   
  7.      theme_advanced_toolbar_location : "external",   
  8.   
  9. });   
  10. </script>   
  11.   
  12. <form method="post" action="somepage">   
  13.      <textarea name="content1" style="width:100%">   
  14.      </textarea>   
  15.   
  16.      <textarea name="content2" style="width:100%">   
  17.      </textarea>   
  18. </form>