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