No Description

word.html 3.3KB

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