library/tinymce/examples/word.html

   1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">\r
   2 <html xmlns="http://www.w3.org/1999/xhtml">\r
   3 <head>\r
   4 <title>Word processor example</title>\r
   5 <meta http-equiv="X-UA-Compatible" content="IE=edge" />\r
   6 <!-- TinyMCE -->\r
   7 <script type="text/javascript" src="../jscripts/tiny_mce/tiny_mce.js"></script>\r
   8 <script type="text/javascript">\r
   9         tinyMCE.init({\r
  10                 // General options\r
  11                 mode : "textareas",\r
  12                 theme : "advanced",\r
  13                 skin : "o2k7",\r
  14                 plugins : "autolink,lists,pagebreak,style,layer,table,save,advhr,advimage,advlink,emotions,iespell,insertdatetime,preview,media,searchreplace,print,contextmenu,paste,directionality,fullscreen,noneditable,visualchars,nonbreaking,xhtmlxtras,template,inlinepopups,autosave",\r
  15 \r
  16                 // Theme options\r
  17                 theme_advanced_buttons1 : "save,newdocument,|,bold,italic,underline,strikethrough,|,justifyleft,justifycenter,justifyright,justifyfull,|,styleselect,formatselect,fontselect,fontsizeselect",\r
  18                 theme_advanced_buttons2 : "cut,copy,paste,pastetext,pasteword,|,search,replace,|,bullist,numlist,|,outdent,indent,blockquote,|,undo,redo,|,link,unlink,anchor,image,cleanup,help,code,|,insertdate,inserttime,preview,|,forecolor,backcolor",\r
  19                 theme_advanced_buttons3 : "tablecontrols,|,hr,removeformat,visualaid,|,sub,sup,|,charmap,emotions,iespell,media,advhr,|,print,|,ltr,rtl,|,fullscreen",\r
  20                 theme_advanced_buttons4 : "insertlayer,moveforward,movebackward,absolute,|,styleprops,|,cite,abbr,acronym,del,ins,attribs,|,visualchars,nonbreaking,template,pagebreak,restoredraft",\r
  21                 theme_advanced_toolbar_location : "top",\r
  22                 theme_advanced_toolbar_align : "left",\r
  23                 theme_advanced_statusbar_location : "bottom",\r
  24                 theme_advanced_resizing : true,\r
  25 \r
  26                 // Example word content CSS (should be your site CSS) this one removes paragraph margins\r
  27                 content_css : "css/word.css",\r
  28 \r
  29                 // Drop lists for link/image/media/template dialogs\r
  30                 template_external_list_url : "lists/template_list.js",\r
  31                 external_link_list_url : "lists/link_list.js",\r
  32                 external_image_list_url : "lists/image_list.js",\r
  33                 media_external_list_url : "lists/media_list.js",\r
  34 \r
  35                 // Replace values for the template plugin\r
  36                 template_replace_values : {\r
  37                         username : "Some User",\r
  38                         staffid : "991234"\r
  39                 }\r
  40         });\r
  41 </script>\r
  42 <!-- /TinyMCE -->\r
  43 \r
  44 </head>\r
  45 <body>\r
  46 \r
  47 <form method="post" action="http://tinymce.moxiecode.com/dump.php?example=true">\r
  48         <h3>Word processor example</h3>\r
  49 \r
  50         <p>\r
  51                 This page shows you how to configure TinyMCE to work more like common word processors.\r
  52                 There are more examples on how to use TinyMCE in the <a href="http://tinymce.moxiecode.com/examples/">Wiki</a>.\r
  53         </p>\r
  54 \r
  55         <!-- Gets replaced with TinyMCE, remember HTML in a textarea should be encoded -->\r
  56         <textarea id="elm1" name="elm1" rows="15" cols="80" style="width: 80%">\r
  57                 &lt;p&gt;This is the first paragraph.&lt;/p&gt;\r
  58                 &lt;p&gt;This is the second paragraph.&lt;/p&gt;\r
  59                 &lt;p&gt;This is the third paragraph.&lt;/p&gt;\r
  60         </textarea>\r
  61 \r
  62         <br />\r
  63         <input type="submit" name="save" value="Submit" />\r
  64         <input type="reset" name="reset" value="Reset" />\r
  65 </form>\r
  66 <script type="text/javascript">\r
  67 if (document.location.protocol == 'file:') {\r
  68         alert("The examples might not work properly on the local file system due to security settings in your browser. Please use a real webserver.");\r
  69 }\r
  70 </script>\r
  71 </body>\r
  72 </html>\r