_tinymce/docs/option_theme.html

   1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
   2 <html xmlns="http://www.w3.org/1999/xhtml">
   3 <head>
   4 <title>Option: theme</title>
   5 <link href="css/screen.css" rel="stylesheet" type="text/css" />
   6 </head>
   7 <body>
   8
   9 <div class="header">
  10         <h1>Option: theme</h1>
  11 </div>
  12
  13 <div class="content">
  14         <p>
  15                 This option enables you to specify what theme to use when rendering the TinyMCE WYSIWYG editor instances. This name matches the directories located in &quot;tinymce/jscripts/tiny_mce/themes&quot;. The default value of this option is &quot;advanced&quot;. TinyMCE has three built in themes and these are described in greater detail below.
  16         </p>
  17
  18         <p>
  19                 <h3>advanced</h3>
  20                 This is the advanced theme of TinyMCE, this theme enables users to add/remove buttons and panels and is a lot more flexible than the simple or default theme. For more information about this themes specific options check the &quot;Advanced theme&quot; configuration section.
  21         </p>
  22
  23         <p>
  24                 <h3>simple</h3>
  25                 This is the most simple theme for TinyMCE it contains only the basic functions.
  26         </p>
  27
  28         <div class="separator"></div>
  29
  30         <h3>Example of usage of the theme option:</h3>
  31         <div class="example">
  32 <pre>
  33 tinyMCE.init({
  34         ...
  35         <strong>theme : "advanced",</strong>
  36         theme_advanced_buttons3_add_before : "tablecontrols,separator"
  37 });
  38 </pre>
  39         </div>
  40 </div>
  41
  42 <div class="footer">
  43         <div class="helpindexlink"><a href="index.html">Index</a></div>
  44         <div class="copyright">Copyright &copy; 2003-2006 <a href="http://www.moxiecode.com">Moxiecode Systems AB</a></div>
  45         <br style="clear: both" />
  46 </div>
  47
  48 </body>
  49 </html>