includes/clientside/tinymce/themes/simple/editor_template_src.js
changeset 476 f26a69c40431
parent 395 fa4c5ecb7c9a
child 543 dffcbfbc4e59
equal deleted inserted replaced
475:51386f1852b8 476:f26a69c40431
     1 /**
     1 /**
     2  * $Id: editor_template_src.js 520 2008-01-07 16:30:32Z spocke $
     2  * $Id: editor_template_src.js 637 2008-02-25 14:59:07Z spocke $
     3  *
     3  *
     4  * This file is meant to showcase how to create a simple theme. The advanced
     4  * This file is meant to showcase how to create a simple theme. The advanced
     5  * theme is more suitable for production use.
     5  * theme is more suitable for production use.
     6  *
     6  *
     7  * @author Moxiecode
     7  * @author Moxiecode
    34 		},
    34 		},
    35 
    35 
    36 		renderUI : function(o) {
    36 		renderUI : function(o) {
    37 			var t = this, n = o.targetNode, ic, tb, ed = t.editor, cf = ed.controlManager, sc;
    37 			var t = this, n = o.targetNode, ic, tb, ed = t.editor, cf = ed.controlManager, sc;
    38 
    38 
    39 			n = DOM.insertAfter(DOM.create('div', {id : ed.id + '_container', 'class' : 'mceEditor ' + ed.settings.skin + 'SimpleSkin'}), n);
    39 			n = DOM.insertAfter(DOM.create('span', {id : ed.id + '_container', 'class' : 'mceEditor ' + ed.settings.skin + 'SimpleSkin'}), n);
    40 			n = sc = DOM.add(n, 'table', {cellPadding : 0, cellSpacing : 0, 'class' : 'mceLayout'});
    40 			n = sc = DOM.add(n, 'table', {cellPadding : 0, cellSpacing : 0, 'class' : 'mceLayout'});
    41 			n = tb = DOM.add(n, 'tbody');
    41 			n = tb = DOM.add(n, 'tbody');
    42 
    42 
    43 			// Create iframe container
    43 			// Create iframe container
    44 			n = DOM.add(tb, 'tr');
    44 			n = DOM.add(tb, 'tr');
    45 			n = ic = DOM.add(DOM.add(n, 'td'), 'div', {'class' : 'mceIframeContainer'});
    45 			n = ic = DOM.add(DOM.add(n, 'td'), 'div', {'class' : 'mceIframeContainer'});
    46 
    46 
    47 			// Create toolbar container
    47 			// Create toolbar container
    48 			n = DOM.add(DOM.add(tb, 'tr', {'class' : 'last'}), 'td', {'class' : 'mceToolbar last', align : 'center'});
    48 			n = DOM.add(DOM.add(tb, 'tr', {'class' : 'last'}), 'td', {'class' : 'mceToolbar mceLast', align : 'center'});
    49 
    49 
    50 			// Create toolbar
    50 			// Create toolbar
    51 			tb = t.toolbar = cf.createToolbar("tools1");
    51 			tb = t.toolbar = cf.createToolbar("tools1");
    52 			tb.add(cf.createButton('bold', {title : 'simple.bold_desc', cmd : 'Bold'}));
    52 			tb.add(cf.createButton('bold', {title : 'simple.bold_desc', cmd : 'Bold'}));
    53 			tb.add(cf.createButton('italic', {title : 'simple.italic_desc', cmd : 'Italic'}));
    53 			tb.add(cf.createButton('italic', {title : 'simple.italic_desc', cmd : 'Italic'}));