Annotation of kupu/common/kupuform.html, revision 1.1.1.1
1.1 dwinter 1:
2: <html xmlns="http://www.w3.org/1999/xhtml" xmlns:i18n="http://xml.zope.org/namespaces/i18n" i18n:domain="kupu">
3:
4:
5: <head>
6:
7: <title>Test Editor</title>
8: <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
9:
10: <link href="kupustyles.css" rel="stylesheet" type="text/css"/>
11:
12: <link href="kupudrawerstyles.css" rel="stylesheet" type="text/css"/>
13:
14: <script type="text/javascript" src="sarissa.js"> </script>
15: <script type="text/javascript" src="sarissa_ieemu_xpath.js"> </script>
16: <script type="text/javascript" src="kupuhelpers.js"> </script>
17: <script type="text/javascript" src="kupueditor.js"> </script>
18: <script type="text/javascript" src="kupubasetools.js"> </script>
19: <script type="text/javascript" src="kupuloggers.js"> </script>
20: <script type="text/javascript" src="kupunoi18n.js"> </script>
21: <script type="text/javascript" src="../../i18n.js/i18n.js"> </script>
22: <script type="text/javascript" src="kupucleanupexpressions.js"> </script>
23: <script type="text/javascript" src="kupucontentfilters.js"> </script>
24:
25: <script type="text/javascript" src="kupucontextmenu.js"> </script>
26:
27: <script type="text/javascript" src="kupuinit_form.js"> </script>
28: <script type="text/javascript" src="kupustart_form.js"> </script>
29:
30: <script type="text/javascript" src="kupusourceedit.js"> </script>
31:
32: <script type="text/javascript" src="kupuspellchecker.js"> </script>
33:
34: <script type="text/javascript" src="kupudrawers.js"> </script>
35:
36: </head>
37:
38: <body onload="kupu = startKupu()">
39: <h1>Kupu Editor Test Page</h1>
40: <form action="http://debris.demon.nl/printpost" method="POST">
41:
42: <div style="display: none;">
43: <xml id="kupuconfig" class="kupuconfig">
44: <kupuconfig>
45:
46: <dst>fulldoc.html</dst>
47: <use_css>1</use_css>
48: <reload_after_save>0</reload_after_save>
49: <strict_output>1</strict_output>
50: <content_type>application/xhtml+xml</content_type>
51: <compatible_singletons>1</compatible_singletons>
52: <table_classes>
53: <class>plain</class>
54: <class>listing</class>
55: <class>grid</class>
56: <class>data</class>
57: </table_classes>
58:
59: <cleanup_expressions>
60: <set>
61: <name>Convert single quotes to curly ones</name>
62: <expression>
63: <reg>
64: (\W)'
65: </reg>
66: <replacement>
67: \1‘
68: </replacement>
69: </expression>
70: <expression>
71: <reg>
72: '
73: </reg>
74: <replacement>
75: ’
76: </replacement>
77: </expression>
78: </set>
79: <set>
80: <name>Reduce whitespace</name>
81: <expression>
82: <reg>
83: [\n\r\t]
84: </reg>
85: <replacement>
86: \x20
87: </replacement>
88: </expression>
89: <expression>
90: <reg>
91: [ ]{2}
92: </reg>
93: <replacement>
94: \x20
95: </replacement>
96: </expression>
97: </set>
98: </cleanup_expressions>
99:
100: <image_xsl_uri>kupudrawers/drawer.xsl</image_xsl_uri>
101: <link_xsl_uri>kupudrawers/drawer.xsl</link_xsl_uri>
102: <image_libraries_uri>kupudrawers/imagelibrary.xml</image_libraries_uri>
103: <link_libraries_uri>kupudrawers/linklibrary.xml</link_libraries_uri>
104: <search_images_uri> </search_images_uri>
105: <search_links_uri> </search_links_uri>
106:
107: </kupuconfig>
108: </xml>
109: </div>
110:
111: <div class="kupu-fulleditor">
112:
113: <div class="kupu-tb" id="toolbar">
114:
115: <span id="kupu-tb-buttons" class="kupu-tb-buttons">
116:
117: <span class="kupu-tb-buttongroup kupu-logo" style="float: right" id="kupu-logo">
118: <button type="button" class="kupu-logo" title="Kupu 1.3 rc2" i18n:attributes="title" accesskey="k" onclick="window.open('http://kupu.oscom.org');"> </button>
119: </span>
120:
121: <span class="kupu-tb-buttongroup" style="float: right" id="kupu-zoom">
122: <button type="button" class="kupu-zoom" id="kupu-zoom-button" title="zoom: alt-x" accesskey="x"> </button>
123: </span>
124:
125: <select id="kupu-tb-styles">
126: <option value="P" i18n:translate="">
127: Normal
128: </option>
129: <option value="H1">
130: <span i18n:translate="">Heading 1</span>
131: </option>
132: <option value="H2">
133: <span i18n:translate="">Heading 2</span>
134: </option>
135: <option value="H3">
136: <span i18n:translate="">Heading 3</span>
137: </option>
138: <option value="H4">
139: <span i18n:translate="">Heading 4</span>
140: </option>
141: <option value="H5">
142: <span i18n:translate="">Heading 5</span>
143: </option>
144: <option value="H6">
145: <span i18n:translate="">Heading 6</span>
146: </option>
147: <option value="PRE" i18n:translate="">
148: Formatted
149: </option>
150: </select>
151:
152: <span class="kupu-tb-buttongroup">
153: <button type="button" class="kupu-save" id="kupu-save-button" title="Save" i18n:attributes="title" accesskey="s"> </button>
154: </span>
155:
156: <span class="kupu-tb-buttongroup" id="kupu-bg-basicmarkup">
157: <button type="button" class="kupu-bold" id="kupu-bold-button" title="bold: alt-b" i18n:attributes="title" accesskey="b"> </button>
158: <button type="button" class="kupu-italic" id="kupu-italic-button" title="italic: alt-i" i18n:attributes="title" accesskey="i"> </button>
159: <button type="button" class="kupu-underline" id="kupu-underline-button" title="underline: alt-u" i18n:attributes="title" accesskey="u"> </button>
160: </span>
161:
162: <span class="kupu-tb-buttongroup" id="kupu-bg-subsuper">
163: <button type="button" class="kupu-subscript" id="kupu-subscript-button" title="subscript: alt--" i18n:attributes="title" accesskey="-"> </button>
164: <button type="button" class="kupu-superscript" id="kupu-superscript-button" title="superscript: alt-+" i18n:attributes="title" accesskey="+"> </button>
165: </span>
166:
167: <span class="kupu-tb-buttongroup">
168:
169: <button type="button" class="kupu-forecolor" id="kupu-forecolor-button" title="text color: alt-f" i18n:attributes="title" accesskey="f"> </button>
170: <button type="button" class="kupu-hilitecolor" id="kupu-hilitecolor-button" title="background color: alt-h" i18n:attributes="title" accesskey="h"> </button>
171: </span>
172:
173: <span class="kupu-tb-buttongroup" id="kupu-bg-justify">
174: <button type="button" class="kupu-justifyleft" id="kupu-justifyleft-button" title="left justify: alt-l" i18n:attributes="title" accesskey="l"> </button>
175: <button type="button" class="kupu-justifycenter" id="kupu-justifycenter-button" title="center justify: alt-c" i18n:attributes="title" accesskey="c"> </button>
176: <button type="button" class="kupu-justifyright" id="kupu-justifyright-button" title="right justify: alt-r" i18n:attributes="title" accesskey="r"> </button>
177: </span>
178:
179: <span class="kupu-tb-buttongroup" id="kupu-bg-list">
180:
181: <button type="button" class="kupu-insertorderedlist" title="numbered list: alt-#" id="kupu-list-ol-addbutton" i18n:attributes="title" accesskey="#"> </button>
182: <button type="button" class="kupu-insertunorderedlist" title="unordered list: alt-*" id="kupu-list-ul-addbutton" i18n:attributes="title" accesskey="*"> </button>
183: </span>
184:
185: <span class="kupu-tb-buttongroup" id="kupu-bg-definitionlist">
186:
187: <button type="button" class="kupu-insertdefinitionlist" title="definition list: alt-=" id="kupu-list-dl-addbutton" i18n:attributes="title" accesskey="="> </button>
188: </span>
189:
190: <span class="kupu-tb-buttongroup" id="kupu-bg-indent">
191: <button type="button" class="kupu-outdent" id="kupu-outdent-button" title="outdent: alt-<" i18n:attributes="title" accesskey="<"> </button>
192: <button type="button" class="kupu-indent" id="kupu-indent-button" title="indent: alt->" i18n:attributes="title" accesskey=">"> </button>
193: </span>
194:
195: <span class="kupu-tb-buttongroup">
196: <button type="button" class="kupu-image" id="kupu-imagelibdrawer-button" title="image" i18n:attributes="title"> </button>
197: <button type="button" class="kupu-inthyperlink" id="kupu-linklibdrawer-button" title="internal link" i18n:attributes="title"> </button>
198: <button type="button" class="kupu-exthyperlink" id="kupu-linkdrawer-button" title="external link" i18n:attributes="title"> </button>
199: <button type="button" class="kupu-table" id="kupu-tabledrawer-button" title="table" i18n:attributes="title"> </button>
200: </span>
201:
202: <span class="kupu-tb-buttongroup" id="kupu-bg-remove">
203: <button type="button" class="kupu-removeimage invisible" id="kupu-removeimage-button" title="Remove image" i18n:attributes="title"> </button>
204: <button type="button" class="kupu-removelink invisible" id="kupu-removelink-button" title="Remove link" i18n:attributes="title"> </button>
205: </span>
206:
207: <span class="kupu-tb-buttongroup" id="kupu-bg-undo">
208: <button type="button" class="kupu-undo" id="kupu-undo-button" title="undo: alt-z" i18n:attributes="title" accesskey="z"> </button>
209: <button type="button" class="kupu-redo" id="kupu-redo-button" title="redo: alt-y" i18n:attributes="title" accesskey="y"> </button>
210: </span>
211:
212: <span class="kupu-tb-buttongroup kupu-spellchecker-span" id="kupu-spellchecker">
213: <button type="button" class="kupu-spellchecker" id="kupu-spellchecker-button" title="check spelling" i18n:attributes="title"> </button>
214: </span>
215:
216: <span class="kupu-tb-buttongroup kupu-source-span" id="kupu-source">
217: <button type="button" class="kupu-source" id="kupu-source-button" title="edit HTML code" i18n:attributes="title"> </button>
218: </span>
219:
220: </span>
221:
222: <select id="kupu-ulstyles" class="kupu-ulstyles">
223: <option value="disc" i18n:translate="list-disc">●</option>
224: <option value="square" i18n:translate="list-square">■</option>
225: <option value="circle" i18n:translate="list-circle">○</option>
226: <option value="none" i18n:translate="list-nobullet">no bullet</option>
227: </select>
228: <select id="kupu-olstyles" class="kupu-olstyles">
229: <option value="decimal" i18n:translate="list-decimal">1</option>
230: <option value="upper-roman" i18n:translate="list-upperroman">I</option>
231: <option value="lower-roman" i18n:translate="list-lowerroman">i</option>
232: <option value="upper-alpha" i18n:translate="list-upperalpha">A</option>
233: <option value="lower-alpha" i18n:translate="list-loweralpha">a</option>
234: </select>
235:
236:
237: <div style="display:block;" class="kupu-librarydrawer-parent">
238:
239: </div>
240:
241: <div id="kupu-linkdrawer" class="kupu-drawer kupu-linkdrawer">
242: <h1 i18n:translate="">External Link</h1>
243:
244: <div id="kupu-linkdrawer-addlink" class="kupu-panels kupu-linkdrawer-addlink">
245: <table cellspacing="0">
246: <tr><td><div class="kupu-toolbox-label">
247:
248: <span i18n:translate="">
249: Link the highlighted text to this URL:
250: </span>
251: </div>
252:
253: <input class="kupu-toolbox-st kupu-linkdrawer-input" type="text" onkeypress="return HandleDrawerEnter(event, 'linkdrawer-preview');"/>
254: </td>
255: <td class="kupu-preview-button">
256: <button class="kupu-dialog-button" type="button" id="linkdrawer-preview" onclick="drawertool.current_drawer.preview()" i18n:translate="">Preview</button>
257: </td></tr>
258: <tr><td colspan="2" align="center">
259: <iframe frameborder="1" scrolling="auto" width="440" height="198" class="kupu-linkdrawer-preview" src="kupublank.html">
260: </iframe>
261: </td></tr>
262: </table>
263:
264: <div class="kupu-dialogbuttons">
265: <button class="kupu-dialog-button" type="button" onclick="drawertool.current_drawer.save()" i18n:translate="">Ok</button>
266: <button class="kupu-dialog-button" type="button" onclick="drawertool.closeDrawer()" i18n:translate="">Cancel</button>
267: </div>
268:
269: </div>
270: </div>
271:
272: <div id="kupu-tabledrawer" class="kupu-drawer kupu-tabledrawer">
273: <h1 i18n:translate="tabledrawer_title">Table</h1>
274: <div class="kupu-panels">
275: <table width="300">
276: <tr class="kupu-panelsrow">
277: <td class="kupu-panel">
278:
279: <div class="kupu-tabledrawer-addtable">
280: <table>
281: <tr>
282: <th i18n:translate="tabledrawer_class_label" class="kupu-toolbox-label">Table Class</th>
283: <td>
284: <select class="kupu-tabledrawer-classchooser">
285: <option value="plain">Plain</option>
286: <option value="listing">Listing</option>
287: <option value="grid">Grid</option>
288: <option value="data">Data</option>
289: </select>
290: </td>
291: </tr>
292: <tr>
293: <th i18n:translate="tabledrawer_rows_label" class="kupu-toolbox-label">Rows</th>
294: <td><input type="text" class="kupu-tabledrawer-newrows" onkeypress="return HandleDrawerEnter(event);"/></td>
295: </tr>
296: <tr>
297: <th i18n:translate="tabledrawer_columns_label" class="kupu-toolbox-label">Columns</th>
298: <td><input type="text" class="kupu-tabledrawer-newcols" onkeypress="return HandleDrawerEnter(event);"/></td>
299: </tr>
300: <tr>
301: <th class="kupu-toolbox-label"> </th>
302: <td>
303: <label><input class="kupu-tabledrawer-makeheader" type="checkbox" onkeypress="return HandleDrawerEnter(event);"/>
304: <span i18n:translate="tabledrawer_headings_label">Create Headings</span></label>
305: </td>
306: </tr>
307: <tr>
308: <th class="kupu-toolbox-label"> </th>
309: <td>
310: <button class="kupu-dialog-button" type="button" i18n:translate="tabledrawer_add_table_button" onclick="drawertool.current_drawer.createTable()">Add Table</button>
311: <button class="kupu-dialog-button" type="button" i18n:translate="tabledrawer_fix_tables_button" onclick="drawertool.current_drawer.fixAllTables()">Fix All Tables</button>
312: </td>
313: </tr>
314: </table>
315: </div>
316:
317:
318: <div class="kupu-tabledrawer-edittable">
319: <table>
320: <tr>
321: <th class="kupu-toolbox-label" i18n:translate="tabledrawer_class_label">Table Class</th>
322: <td>
323: <select class="kupu-tabledrawer-classchooser" onchange="drawertool.current_drawer.setTableClass(this.options[this.selectedIndex].value)">
324: <option value="plain">Plain</option>
325: <option value="listing">Listing</option>
326: <option value="grid">Grid</option>
327: <option value="data">Data</option>
328: </select>
329: </td>
330: </tr>
331: <tr>
332: <th class="kupu-toolbox-label" i18n:translate="tabledrawer_alignment_label">Current column alignment</th>
333: <td>
334: <select id="kupu-tabledrawer-alignchooser" class="kupu-tabledrawer-alignchooser" onchange="drawertool.current_drawer.tool.setColumnAlign(this.options[this.selectedIndex].value)">
335: <option i18n:translate="tabledrawer_left_option" value="left">Left</option>
336: <option i18n:translate="tabledrawer_center_option" value="center">Center</option>
337: <option i18n:translate="tabledrawer_right_option" value="right">Right</option>
338: </select>
339: </td>
340: </tr>
341: <tr>
342: <th class="kupu-toolbox-label" i18n:translate="tabledrawer_column_label">Column</th>
343: <td>
344: <button class="kupu-dialog-button" type="button" i18n:translate="tabledrawer_add_button" onclick="drawertool.current_drawer.addTableColumn()">Add</button>
345: <button class="kupu-dialog-button" type="button" i18n:translate="tabledrawer_remove_button" onclick="drawertool.current_drawer.delTableColumn()">Remove</button>
346: </td>
347: </tr>
348: <tr>
349: <th class="kupu-toolbox-label" i18n:translate="tabledrawer_row_label">Row</th>
350: <td>
351: <button class="kupu-dialog-button" type="button" i18n:translate="tabledrawer_add_button" onclick="drawertool.current_drawer.addTableRow()">Add</button>
352: <button class="kupu-dialog-button" type="button" i18n:translate="tabledrawer_remove_button" onclick="drawertool.current_drawer.delTableRow()">Remove</button>
353: </td>
354: </tr>
355: <tr>
356: <th class="kupu-toolbox-label" i18n:translate="tabledrawer_fix_table_label">Fix Table</th>
357: <td>
358: <button class="kupu-dialog-button" type="button" i18n:translate="tabledrawer_fix_button" onclick="drawertool.current_drawer.fixTable()">Fix</button>
359: </td>
360: </tr>
361: </table>
362: </div>
363: </td>
364: </tr>
365: </table>
366: <div class="kupu-dialogbuttons">
367: <button class="kupu-dialog-button" type="button" onfocus="window.status='focus';" onmousedown="window.status ='onmousedown';" i18n:translate="tabledrawer_close_button" onclick="drawertool.closeDrawer(this)">Close</button>
368: </div>
369: </div>
370: </div>
371:
372:
373:
374: </div>
375:
376: <div class="kupu-toolboxes">
377:
378: <div class="kupu-toolbox" id="kupu-toolbox-properties">
379: <h1 i18n:translate="">Properties</h1>
380:
381: <div class="kupu-toolbox-label" i18n:translate="">Title:</div>
382: <input class="wide" id="kupu-properties-title"/>
383: <div class="kupu-toolbox-label" i18n:translate="">Description:</div>
384: <textarea class="wide" id="kupu-properties-description"> </textarea>
385: </div>
386:
387: <div class="kupu-toolbox" id="kupu-toolbox-links">
388: <h1 i18n:translate="">Links</h1>
389:
390: <div id="kupu-toolbox-addlink">
391: <div class="kupu-toolbox-label">
392:
393: <span i18n:translate="">
394: Link the highlighted text to this URL:
395: </span>
396: </div>
397:
398: <input id="kupu-link-input" class="wide" type="text"/>
399: <div class="kupu-toolbox-buttons">
400: <button type="button" id="kupu-link-button" class="kupu-toolbox-action" i18n:translate="">Make Link</button>
401: </div>
402:
403: </div>
404: </div>
405:
406: <div class="kupu-toolbox" id="kupu-toolbox-images">
407: <h1 i18n:translate="">Images</h1>
408:
409: <div class="kupu-toolbox-label">
410: <span i18n:translate="">Image class:</span>
411: </div>
412: <select class="wide" id="kupu-image-float-select">
413: <option value="image-inline" i18n:translate="">Inline</option>
414: <option value="image-left" i18n:translate="">Left</option>
415: <option value="image-right" i18n:translate="">Right</option>
416: </select>
417:
418: <div class="kupu-toolbox-label">
419: <span i18n:translate="">Insert image at the following URL:</span>
420: </div>
421: <input id="kupu-image-input" value="kupuimages/kupu_icon.gif" class="wide" type="text"/>
422:
423: <div class="kupu-toolbox-buttons">
424: <button type="button" id="kupu-image-addbutton" class="kupu-toolbox-action" i18n:translate="">Insert Image</button>
425: </div>
426: </div>
427:
428: <div class="kupu-toolbox" id="kupu-toolbox-tables">
429: <h1 i18n:translate="">Tables</h1>
430:
431: <div class="kupu-toolbox-label">
432: <span i18n:translate="">Table Class:</span>
433: <select class="wide" id="kupu-table-classchooser"> </select>
434: </div>
435:
436: <div id="kupu-toolbox-addtable" class="kupu-toolbox-addtable">
437: <div class="kupu-toolbox-label" i18n:translate="">Rows:</div>
438: <input class="wide" type="text" id="kupu-table-newrows"/>
439:
440: <div class="kupu-toolbox-label" i18n:translate="">Columns:</div>
441: <input class="wide" type="text" id="kupu-table-newcols"/>
442:
443: <div class="kupu-toolbox-label">
444: <span i18n:translate="">Headings:</span>
445: <input name="kupu-table-makeheader" id="kupu-table-makeheader" type="checkbox"/>
446: <label for="kupu-table-makeheader" i18n:translate="">Create</label>
447: </div>
448:
449: <div class="kupu-toolbox-buttons">
450: <button type="button" id="kupu-table-fixall-button" i18n:translate="">Fix Table</button>
451: <button type="button" id="kupu-table-addtable-button" i18n:translate="">Add Table</button>
452: </div>
453:
454: </div>
455:
456: <div id="kupu-toolbox-edittable" class="kupu-toolbox-edittable">
457:
458: <div class="kupu-toolbox-label">
459: <span i18n:translate="">Col Align:</span>
460: <select class="wide" id="kupu-table-alignchooser">
461: <option value="left" i18n:translate="">Left</option>
462: <option value="center" i18n:translate="">Center</option>
463: <option value="right" i18n:translate="">Right</option>
464: </select>
465: </div>
466:
467: <div class="kupu-toolbox-buttons">
468: <br/>
469: <button type="button" id="kupu-table-addcolumn-button" i18n:translate="">Add Column</button>
470: <button type="button" id="kupu-table-delcolumn-button" i18n:translate="">Remove Column</button>
471:
472: <br/>
473: <button type="button" id="kupu-table-addrow-button" i18n:translate="">Add Row</button>
474: <button type="button" id="kupu-table-delrow-button" i18n:translate="">Remove Row</button>
475:
476: <button type="button" id="kupu-table-fix-button" i18n:translate="">Fix</button>
477: </div>
478:
479: </div>
480:
481: </div>
482:
483: <div class="kupu-toolbox" id="kupu-toolbox-cleanupexpressions">
484: <h1 i18n:translate="">Cleanup expressions</h1>
485:
486: <div class="kupu-toolbox-label">
487: <span i18n:translate="">
488: Select a cleanup action:
489: </span>
490: </div>
491:
492: <select id="kupucleanupexpressionselect" class="kupu-toolbox-st">
493: </select>
494: <div style="text-align: center">
495: <button type="button" id="kupucleanupexpressionbutton" class="kupu-toolbox-action">Perform action</button>
496: </div>
497: </div>
498:
499: <div class="kupu-toolbox" id="kupu-toolbox-debug">
500: <h1 i18n:translate="">Debug Log</h1>
501: <div id="kupu-toolbox-debuglog" class="kupu-toolbox-label">
502: </div>
503: </div>
504:
505: </div>
506:
507: <table id="kupu-colorchooser" cellpadding="0" cellspacing="0" style="position: fixed; border-style: solid; border-color: black; border-width: 1px;">
508: </table>
509:
510: <div class="kupu-editorframe">
511: <iframe id="kupu-editor" class="kupu-editor-iframe" frameborder="0" src="fulldoc.html" scrolling="auto">
512: </iframe>
513: <textarea class="kupu-editor-textarea" id="kupu-editor-textarea"> </textarea>
514: </div>
515:
516: </div>
517:
518: </form>
519: </body>
520:
521:
522: </html>
523:
FreeBSD-CVSweb <freebsd-cvsweb@FreeBSD.org>