koha-tt/intranet-tmpl/prog/en/js/tinymce/examples/example_word.htm

   1 <html xmlns="http://www.w3.org/1999/xhtml">\r
   2 <head>\r
   3 <title>Word example</title>\r
   4 <!-- TinyMCE -->\r
   5 <script language="javascript" type="text/javascript" src="../jscripts/tiny_mce/tiny_mce.js"></script>\r
   6 <script language="javascript" type="text/javascript">\r
   7         tinyMCE.init({\r
   8                 mode : "textareas",\r
   9                 theme : "advanced",\r
  10                 plugins : "table,save,advhr,advimage,advlink,emotions,iespell,insertdatetime,preview,zoom,media,searchreplace,print,contextmenu,paste,directionality,fullscreen",\r
  11                 theme_advanced_buttons1_add_before : "save,newdocument,separator",\r
  12                 theme_advanced_buttons1_add : "fontselect,fontsizeselect",\r
  13                 theme_advanced_buttons2_add : "separator,insertdate,inserttime,preview,zoom,separator,forecolor,backcolor",\r
  14                 theme_advanced_buttons2_add_before: "cut,copy,paste,pastetext,pasteword,separator,search,replace,separator",\r
  15                 theme_advanced_buttons3_add_before : "tablecontrols,separator",\r
  16                 theme_advanced_buttons3_add : "emotions,iespell,media,advhr,separator,print,separator,ltr,rtl,separator,fullscreen",\r
  17                 theme_advanced_toolbar_location : "top",\r
  18                 theme_advanced_toolbar_align : "left",\r
  19                 theme_advanced_statusbar_location : "bottom",\r
  20                 content_css : "example_word.css",\r
  21             plugi2n_insertdate_dateFormat : "%Y-%m-%d",\r
  22             plugi2n_insertdate_timeFormat : "%H:%M:%S",\r
  23                 external_link_list_url : "example_link_list.js",\r
  24                 external_image_list_url : "example_image_list.js",\r
  25                 media_external_list_url : "example_media_list.js",\r
  26                 file_browser_callback : "fileBrowserCallBack",\r
  27                 paste_use_dialog : false,\r
  28                 theme_advanced_resizing : true,\r
  29                 theme_advanced_resize_horizontal : false,\r
  30                 theme_advanced_link_targets : "_something=My somthing;_something2=My somthing2;_something3=My somthing3;",\r
  31                 paste_auto_cleanup_on_paste : true,\r
  32                 paste_convert_headers_to_strong : false,\r
  33                 paste_strip_class_attributes : "all",\r
  34                 paste_remove_spans : false,\r
  35                 paste_remove_styles : false             \r
  36         });\r
  37 \r
  38         function fileBrowserCallBack(field_name, url, type, win) {\r
  39                 // This is where you insert your custom filebrowser logic\r
  40                 alert("Filebrowser callback: field_name: " + field_name + ", url: " + url + ", type: " + type);\r
  41 \r
  42                 // Insert new URL, this would normaly be done in a popup\r
  43                 win.document.forms[0].elements[field_name].value = "someurl.htm";\r
  44         }\r
  45 </script>\r
  46 <!-- /TinyMCE -->\r
  47 </head>\r
  48 <body>\r
  49 \r
  50 <a href="example_full.htm">[Full featured example]</a> <a href="example_advanced.htm">[Advanced example]</a> <a href="example_simple.htm">[Simple example]</a> [Word example]\r
  51 \r
  52 <form method="post" action="http://tinymce.moxiecode.com/dump.php?example=true">\r
  53         <h3>Word example</h3>\r
  54         This example shows you how TinyMCE can be configurated to function with Word content in the best possible way. TinyMCE is configured to auto convert/cleanup pasted Word content in this example. It's has also a custom CSS that makes paragraphs marginless as in Word.<br /><br />\r
  55         <textarea id="elm1" name="elm1" rows="15" cols="80" style="width: 100%">\r
  56                 &lt;p&gt;Some paragraph&lt;/p&gt;\r
  57                 &lt;p&gt;Some other paragraph&lt;/p&gt;\r
  58                 &lt;p&gt;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.\r
  59                 &lt;p&gt;Some paragraph. &lt;a href=&quot;http://www.sourceforge.net&quot;&gt;Some link&lt;/a&gt;&lt;/p&gt;\r
  60                 &lt;img src=&quot;logo.jpg&quot;&gt;</p>\r
  61         </textarea>\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 \r
  67 </body>\r
  68 </html>