Annotation of kupuMPIWG/common/kupuinit_experimental.js, revision 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>