TinyMCE 2.1.0 : /examples/example

[Sommaire] [Imprimer]
   1  <html xmlns="http://www.w3.org/1999/xhtml">
   2  <head>
   3  <title>Full featured example</title>
   4  <!-- TinyMCE -->
   5  <script language="javascript" type="text/javascript" src="../jscripts/tiny_mce/tiny_mce.js"></script>
   6  <script language="javascript" type="text/javascript">
   7      tinyMCE.init({
   8          mode : "textareas",
   9          theme : "advanced",
  10          plugins : "devkit,style,layer,table,save,advhr,advimage,advlink,emotions,iespell,insertdatetime,preview,media,searchreplace,print,contextmenu,paste,directionality,fullscreen,noneditable,visualchars,nonbreaking,xhtmlxtras,template",
  11          theme_advanced_buttons1_add_before : "save,newdocument,separator",
  12          theme_advanced_buttons1_add : "fontselect,fontsizeselect",
  13          theme_advanced_buttons2_add : "separator,insertdate,inserttime,preview,separator,forecolor,backcolor",
  14          theme_advanced_buttons2_add_before: "cut,copy,paste,pastetext,pasteword,separator,search,replace,separator",
  15          theme_advanced_buttons3_add_before : "tablecontrols,separator",
  16          theme_advanced_buttons3_add : "emotions,iespell,media,advhr,separator,print,separator,ltr,rtl,separator,fullscreen",
  17          theme_advanced_buttons4 : "insertlayer,moveforward,movebackward,absolute,|,styleprops,|,cite,abbr,acronym,del,ins,attribs,|,visualchars,nonbreaking,template,|,code",
  18          theme_advanced_toolbar_location : "top",
  19          theme_advanced_toolbar_align : "left",
  20          theme_advanced_path_location : "bottom",
  21          content_css : "example_full.css",
  22          plugin_insertdate_dateFormat : "%Y-%m-%d",
  23          plugin_insertdate_timeFormat : "%H:%M:%S",
  24          extended_valid_elements : "hr[class|width|size|noshade],font[face|size|color|style],span[class|align|style]",
  25          external_link_list_url : "example_link_list.js",
  26          external_image_list_url : "example_image_list.js",
  27          flash_external_list_url : "example_flash_list.js",
  28          media_external_list_url : "example_media_list.js",
  29          template_external_list_url : "example_template_list.js",
  30          file_browser_callback : "fileBrowserCallBack",
  31          theme_advanced_resize_horizontal : false,
  32          theme_advanced_resizing : true,
  33          nonbreaking_force_tab : true,
  34          apply_source_formatting : true,
  35          template_replace_values : {
  36              username : "Jack Black",
  37              staffid : "991234"
  38          }
  39      });
  40  
  41      function fileBrowserCallBack(field_name, url, type, win) {
  42          // This is where you insert your custom filebrowser logic
  43          alert("Example of filebrowser callback: field_name: " + field_name + ", url: " + url + ", type: " + type);
  44  
  45          // Insert new URL, this would normaly be done in a popup
  46          win.document.forms[0].elements[field_name].value = "someurl.htm";
  47      }
  48  </script>
  49  <!-- /TinyMCE -->
  50  </head>
  51  <body>
  52  
  53  [Full featured example] <a href="example_advanced.htm">[Advanced example]</a> <a href="example_simple.htm">[Simple example]</a>  <a href="example_word.htm">[Word example]</a>
  54  <form method="post" action="http://tinymce.moxiecode.com/dump.php?example=true">
  55      <h3>Full featured example</h3>
  56      This page shows all available plugins that are included in the TinyMCE distribution. Some of these plugins will only be visible on MSIE due to the lack of some support in FF. For more details on the various options on TinyMCE check the <a href="../docs/index.html">manual</a> or for more third party plugins check the plugin section.<br /><br />
  57      <textarea id="elm1" name="elm1" rows="15" cols="80" style="width: 100%">
  58          &lt;span class=&quot;example1&quot;&gt;Test header 1&lt;/span&gt;&lt;br /&gt;
  59          &lt;span class=&quot;example2&quot;&gt;Test header 2&lt;/span&gt;&lt;br /&gt;
  60          &lt;span class=&quot;example3&quot;&gt;Test header 3&lt;/span&gt;&lt;br /&gt;
  61          Some &lt;b&gt;element&lt;/b&gt;, this is to be editor 1. &lt;br /&gt; This editor instance has a 100% width to it.
  62          &lt;p&gt;Some paragraph. &lt;a href=&quot;http://www.sourceforge.net&quot;&gt;Some link&lt;/a&gt;&lt;/p&gt;
  63          &lt;img src=&quot;logo.jpg&quot;&gt;
  64      </textarea>
  65      <br />
  66      <input type="submit" name="save" value="Submit" />
  67      <input type="reset" name="reset" value="Reset" />
  68  </form>
  69  
  70  </body>
  71  </html>
Code source de TinyMCE 2.1.0

/examples/ -> example_full.htm (source)
