JasonWoof Got questions, comments, patches, etc.? Contact Jason Woofenden
7b32b9f90a1c127a600a99f69de38078322f2fe8
[ckeditor.git] / _samples / sharedspaces.html
1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">\r
2 <!--\r
3 Copyright (c) 2003-2010, CKSource - Frederico Knabben. All rights reserved.\r
4 For licensing, see LICENSE.html or http://ckeditor.com/license\r
5 -->\r
6 <html xmlns="http://www.w3.org/1999/xhtml">\r
7 <head>\r
8         <title>Shared toolbars - CKEditor Sample</title>\r
9         <meta content="text/html; charset=utf-8" http-equiv="content-type" />\r
10         <script type="text/javascript" src="../ckeditor.js"></script>\r
11         <script src="sample.js" type="text/javascript"></script>\r
12         <link href="sample.css" rel="stylesheet" type="text/css" />\r
13         <style id="styles" type="text/css">\r
14 \r
15                 #editorsForm\r
16                 {\r
17                         height: 400px;\r
18                         overflow: auto;\r
19                         border: solid 1px #555;\r
20                         margin: 10px 0;\r
21                         padding: 0 10px;\r
22                 }\r
23 \r
24         </style>\r
25 </head>\r
26 <body>\r
27         <h1>\r
28                 CKEditor Sample\r
29         </h1>\r
30         <!-- This <div> holds alert messages to be display in the sample page. -->\r
31         <div id="alerts">\r
32                 <noscript>\r
33                         <p>\r
34                                 <strong>CKEditor requires JavaScript to run</strong>. In a browser with no JavaScript\r
35                                 support, like yours, you should still see the contents (HTML data) and you should\r
36                                 be able to edit it normally, without a rich editor interface.\r
37                         </p>\r
38                 </noscript>\r
39         </div>\r
40         <div id="topSpace">\r
41         </div>\r
42         <form action="sample_posteddata.php" id="editorsForm" method="post">\r
43                 <p>\r
44                         <label for="editor1">\r
45                                 Editor 1 (uses the shared toolbar and element path):</label><br />\r
46                         <textarea cols="80" id="editor1" name="editor1" rows="10">&lt;p&gt;This is some &lt;strong&gt;sample text&lt;/strong&gt;. You are using &lt;a href="http://ckeditor.com/"&gt;CKEditor&lt;/a&gt;.&lt;/p&gt;</textarea>\r
47                 </p>\r
48                 <p>\r
49                         <label for="editor2">\r
50                                 Editor 2 (uses the shared toolbar and element path):</label><br />\r
51                         <textarea cols="80" id="editor2" name="editor2" rows="10">&lt;p&gt;This is some &lt;strong&gt;sample text&lt;/strong&gt;. You are using &lt;a href="http://ckeditor.com/"&gt;CKEditor&lt;/a&gt;.&lt;/p&gt;</textarea>\r
52                 </p>\r
53                 <p>\r
54                         <label for="editor3">\r
55                                 Editor 3 (uses the shared toolbar only):</label><br />\r
56                         <textarea cols="80" id="editor3" name="editor3" rows="10">&lt;p&gt;This is some &lt;strong&gt;sample text&lt;/strong&gt;. You are using &lt;a href="http://ckeditor.com/"&gt;CKEditor&lt;/a&gt;.&lt;/p&gt;</textarea>\r
57                 </p>\r
58                 <p>\r
59                         <label for="editor4">\r
60                                 Editor 4 (no shared spaces):</label><br />\r
61                         <textarea cols="80" id="editor4" name="editor4" rows="10">&lt;p&gt;This is some &lt;strong&gt;sample text&lt;/strong&gt;. You are using &lt;a href="http://ckeditor.com/"&gt;CKEditor&lt;/a&gt;.&lt;/p&gt;</textarea>\r
62                 </p>\r
63                 <p>\r
64                         <input type="submit" value="Submit" />\r
65                 </p>\r
66         </form>\r
67         <div id="bottomSpace">\r
68         </div>\r
69         <div id="footer">\r
70                 <hr />\r
71                 <p>\r
72                         CKEditor - The text editor for Internet - <a href="http://ckeditor.com/">http://ckeditor.com</a>\r
73                 </p>\r
74                 <p id="copy">\r
75                         Copyright &copy; 2003-2010, <a href="http://cksource.com/">CKSource</a> - Frederico\r
76                         Knabben. All rights reserved.\r
77                 </p>\r
78         </div>\r
79         <script type="text/javascript">\r
80         //<![CDATA[\r
81 \r
82                 // Create all editor instances at the end of the page, so we are sure\r
83                 // that the "bottomSpace" div is available in the DOM (IE issue).\r
84 \r
85                 CKEDITOR.replace( 'editor1',\r
86                         {\r
87                                 sharedSpaces :\r
88                                 {\r
89                                         top : 'topSpace',\r
90                                         bottom : 'bottomSpace'\r
91                                 },\r
92 \r
93                                 // Removes the maximize plugin as it's not usable\r
94                                 // in a shared toolbar.\r
95                                 // Removes the resizer as it's not usable in a\r
96                                 // shared elements path.\r
97                                 removePlugins : 'maximize,resize'\r
98                         } );\r
99 \r
100                 CKEDITOR.replace( 'editor2',\r
101                         {\r
102                                 sharedSpaces :\r
103                                 {\r
104                                         top : 'topSpace',\r
105                                         bottom : 'bottomSpace'\r
106                                 },\r
107 \r
108                                 // Removes the maximize plugin as it's not usable\r
109                                 // in a shared toolbar.\r
110                                 // Removes the resizer as it's not usable in a\r
111                                 // shared elements path.\r
112                                 removePlugins : 'maximize,resize'\r
113                         } );\r
114 \r
115                 CKEDITOR.replace( 'editor3',\r
116                         {\r
117                                 sharedSpaces :\r
118                                 {\r
119                                         top : 'topSpace'\r
120                                 },\r
121 \r
122                                 // Removes the maximize plugin as it's not usable\r
123                                 // in a shared toolbar.\r
124                                 removePlugins : 'maximize'\r
125                         } );\r
126 \r
127                 CKEDITOR.replace( 'editor4' );\r
128         //]]>\r
129         </script>\r
130 </body>\r
131 </html>\r