Annotation of kupuMPIWG/common/kupuinit_experimental.js, revision 1.1.1.1
1.1 dwinter 1: /*****************************************************************************
2: *
3: * Copyright (c) 2003-2005 Kupu Contributors. All rights reserved.
4: *
5: * This software is distributed under the terms of the Kupu
6: * License. See LICENSE.txt for license text. For a list of Kupu
7: * Contributors see CREDITS.txt.
8: *
9: *****************************************************************************/
10:
11: // $Id: kupuinit_experimental.js 9879 2005-03-18 12:04:00Z yuppie $
12:
13:
14: //----------------------------------------------------------------------------
15: // Sample initialization function
16: //----------------------------------------------------------------------------
17:
18: function initKupu(iframe) {
19: /* Although this is meant to be a sample implementation, it can
20: be used out-of-the box to run the sample pagetemplate or for simple
21: implementations that just don't use some elements. When you want
22: to do some customization, this should probably be overridden. For
23: larger customization actions you will have to subclass or roll your
24: own UI object.
25: */
26:
27: // first we create a logger
28: var l = new PlainLogger('kupu-toolbox-debuglog', 5);
29:
30: // now some config values
31: var conf = loadDictFromXML(document, 'kupuconfig');
32:
33: // the we create the document, hand it over the id of the iframe
34: var doc = new KupuDocument(iframe);
35:
36: // now we can create the controller
37: var kupu = new KupuEditor(doc, conf, l);
38:
39: var contextmenu = new ContextMenu();
40: kupu.setContextMenu(contextmenu);
41:
42: // now we can create a UI object which we can use from the UI
43: var ui = new KupuUI('kupu-tb-styles');
44:
45: // the ui must be registered to the editor like a tool so it can be notified
46: // of state changes
47: kupu.registerTool('ui', ui); // XXX Should this be a different method?
48:
49: // add the buttons to the toolbar
50: var savebuttonfunc = function(button, editor) {editor.saveDocument()};
51: var savebutton = new KupuButton('kupu-save-button', savebuttonfunc);
52: kupu.registerTool('savebutton', savebutton);
53:
54: // function that returns a function to execute a button command
55: var execCommand = function(cmd) {
56: return function(button, editor) {
57: editor.execCommand(cmd);
58: };
59: };
60:
61: var boldchecker = ParentWithStyleChecker(new Array('b', 'strong'),
62: 'fontWeight', 'bold');
63: var boldbutton = new KupuStateButton('kupu-bold-button',
64: execCommand('bold'),
65: boldchecker,
66: 'kupu-bold',
67: 'kupu-bold-pressed');
68: kupu.registerTool('boldbutton', boldbutton);
69:
70: var italicschecker = ParentWithStyleChecker(new Array('i', 'em'),
71: 'fontStyle', 'italic');
72: var italicsbutton = new KupuStateButton('kupu-italic-button',
73: execCommand('italic'),
74: italicschecker,
75: 'kupu-italic',
76: 'kupu-italic-pressed');
77: kupu.registerTool('italicsbutton', italicsbutton);
78:
79: var underlinechecker = ParentWithStyleChecker(new Array('u'),
80: 'textDecoration', 'underline');
81: var underlinebutton = new KupuStateButton('kupu-underline-button',
82: execCommand('underline'),
83: underlinechecker,
84: 'kupu-underline',
85: 'kupu-underline-pressed');
86: kupu.registerTool('underlinebutton', underlinebutton);
87:
88: var subscriptchecker = ParentWithStyleChecker(new Array('sub'));
89: var subscriptbutton = new KupuStateButton('kupu-subscript-button',
90: execCommand('subscript'),
91: subscriptchecker,
92: 'kupu-subscript',
93: 'kupu-subscript-pressed');
94: kupu.registerTool('subscriptbutton', subscriptbutton);
95:
96: var superscriptchecker = ParentWithStyleChecker(new Array('super', 'sup'));
97: var superscriptbutton = new KupuStateButton('kupu-superscript-button',
98: execCommand('superscript'),
99: superscriptchecker,
100: 'kupu-superscript',
101: 'kupu-superscript-pressed');
102: kupu.registerTool('superscriptbutton', superscriptbutton);
103:
104: var justifyleftbutton = new KupuButton('kupu-justifyleft-button',
105: execCommand('justifyleft'));
106: kupu.registerTool('justifyleftbutton', justifyleftbutton);
107:
108: var justifycenterbutton = new KupuButton('kupu-justifycenter-button',
109: execCommand('justifycenter'));
110: kupu.registerTool('justifycenterbutton', justifycenterbutton);
111:
112: var justifyrightbutton = new KupuButton('kupu-justifyright-button',
113: execCommand('justifyright'));
114: kupu.registerTool('justifyrightbutton', justifyrightbutton);
115:
116: var outdentbutton = new KupuButton('kupu-outdent-button', execCommand('outdent'));
117: kupu.registerTool('outdentbutton', outdentbutton);
118:
119: var indentbutton = new KupuButton('kupu-indent-button', execCommand('indent'));
120: kupu.registerTool('indentbutton', indentbutton);
121:
122: var undobutton = new KupuButton('kupu-undo-button', execCommand('undo'));
123: kupu.registerTool('undobutton', undobutton);
124:
125: var redobutton = new KupuButton('kupu-redo-button', execCommand('redo'));
126: kupu.registerTool('redobutton', redobutton);
127:
128: var removeimagebutton = new KupuRemoveElementButton('kupu-removeimage-button',
129: 'img',
130: 'kupu-removeimage');
131: kupu.registerTool('removeimagebutton', removeimagebutton);
132: var removelinkbutton = new KupuRemoveElementButton('kupu-removelink-button',
133: 'a',
134: 'kupu-removelink');
135: kupu.registerTool('removelinkbutton', removelinkbutton);
136:
137: // add some tools
138: // XXX would it be better to pass along elements instead of ids?
139: var colorchoosertool = new ColorchooserTool('kupu-forecolor-button',
140: 'kupu-hilitecolor-button',
141: 'kupu-colorchooser');
142: kupu.registerTool('colorchooser', colorchoosertool);
143:
144: var listtool = new ListTool('kupu-list-ul-addbutton',
145: 'kupu-list-ol-addbutton',
146: 'kupu-ulstyles', 'kupu-olstyles');
147: kupu.registerTool('listtool', listtool);
148:
149: // since we use the inspector we don't need much else ;)
150: var inspector = new KupuInspector('kupu-inspector-form');
151: kupu.registerTool('inspector', inspector);
152:
153: var linktool = new LinkTool();
154: kupu.registerTool('linktool', linktool);
155:
156: var imagetool = new ImageTool();
157: kupu.registerTool('imagetool', imagetool);
158:
159: var tabletool = new TableTool();
160: kupu.registerTool('tabletool', tabletool);
161:
162: var showpathtool = new ShowPathTool();
163: kupu.registerTool('showpathtool', showpathtool);
164:
165: var viewsourcetool = new ViewSourceTool();
166: kupu.registerTool('viewsourcetool', viewsourcetool);
167:
168: // Drawers...
169:
170: // Function that returns function to open a drawer
171: var opendrawer = function(drawerid) {
172: return function(button, editor) {
173: drawertool.openDrawer(drawerid);
174: };
175: };
176:
177: var imagelibdrawerbutton = new KupuButton('kupu-imagelibdrawer-button',
178: opendrawer('imagelibdrawer'));
179: kupu.registerTool('imagelibdrawerbutton', imagelibdrawerbutton);
180:
181: var linklibdrawerbutton = new KupuButton('kupu-linklibdrawer-button',
182: opendrawer('linklibdrawer'));
183: kupu.registerTool('linklibdrawerbutton', linklibdrawerbutton);
184:
185: var linkdrawerbutton = new KupuButton('kupu-linkdrawer-button',
186: opendrawer('linkdrawer'));
187: kupu.registerTool('linkdrawerbutton', linkdrawerbutton);
188:
189: var tabledrawerbutton = new KupuButton('kupu-tabledrawer-button',
190: opendrawer('tabledrawer'));
191: kupu.registerTool('tabledrawerbutton', tabledrawerbutton);
192:
193: // create some drawers, drawers are some sort of popups that appear when a
194: // toolbar button is clicked
195: var drawertool = new DrawerTool();
196: kupu.registerTool('drawertool', drawertool);
197:
198: var linklibdrawer = new LinkLibrarydrawer(linktool, conf['link_xsl_uri'],
199: conf['link_libraries_uri'],
200: conf['link_images_uri']);
201: drawertool.registerDrawer('linklibdrawer', linklibdrawer);
202:
203: var imagelibdrawer = new ImageLibrarydrawer(imagetool, conf['image_xsl_uri'],
204: conf['image_libraries_uri'],
205: conf['search_images_uri']);
206: drawertool.registerDrawer('imagelibdrawer', imagelibdrawer);
207:
208: var linkdrawer = new LinkDrawer('kupu-linkdrawer', linktool);
209: drawertool.registerDrawer('linkdrawer', linkdrawer);
210:
211: var tabledrawer = new TableDrawer('kupu-tabledrawer', tabletool);
212: drawertool.registerDrawer('tabledrawer', tabledrawer);
213:
214: // register some cleanup filter
215: // remove tags that aren't in the XHTML DTD
216: var nonxhtmltagfilter = new NonXHTMLTagFilter();
217: kupu.registerFilter(nonxhtmltagfilter);
218:
219: return kupu;
220: };
FreeBSD-CVSweb <freebsd-cvsweb@FreeBSD.org>