webcit/tiny_mce/themes/simple/editor_template_src.js

   1 /**\r
   2  * $Id: editor_template_src.js 162 2007-01-03 16:16:52Z spocke $\r
   3  *\r
   4  * @author Moxiecode\r
   5  * @copyright Copyright © 2004-2007, Moxiecode Systems AB, All rights reserved.\r
   6  */\r
   7 \r
   8 var TinyMCE_SimpleTheme = {\r
   9         // List of button ids in tile map\r
  10         _buttonMap : 'bold,bullist,cleanup,italic,numlist,redo,strikethrough,underline,undo',\r
  11 \r
  12         getEditorTemplate : function() {\r
  13                 var html = '';\r
  14 \r
  15                 html += '<table class="mceEditor" border="0" cellpadding="0" cellspacing="0" width="{$width}" height="{$height}">';\r
  16                 html += '<tr><td align="center">';\r
  17                 html += '<span id="{$editor_id}">IFRAME</span>';\r
  18                 html += '</td></tr>';\r
  19                 html += '<tr><td class="mceToolbar" align="center" height="1">';\r
  20                 html += tinyMCE.getButtonHTML('bold', 'lang_bold_desc', '{$themeurl}/images/{$lang_bold_img}', 'Bold');\r
  21                 html += tinyMCE.getButtonHTML('italic', 'lang_italic_desc', '{$themeurl}/images/{$lang_italic_img}', 'Italic');\r
  22                 html += tinyMCE.getButtonHTML('underline', 'lang_underline_desc', '{$themeurl}/images/{$lang_underline_img}', 'Underline');\r
  23                 html += tinyMCE.getButtonHTML('strikethrough', 'lang_striketrough_desc', '{$themeurl}/images/strikethrough.gif', 'Strikethrough');\r
  24                 html += '<img src="{$themeurl}/images/separator.gif" width="2" height="20" class="mceSeparatorLine" />';\r
  25                 html += tinyMCE.getButtonHTML('undo', 'lang_undo_desc', '{$themeurl}/images/undo.gif', 'Undo');\r
  26                 html += tinyMCE.getButtonHTML('redo', 'lang_redo_desc', '{$themeurl}/images/redo.gif', 'Redo');\r
  27                 html += '<img src="{$themeurl}/images/separator.gif" width="2" height="20" class="mceSeparatorLine" />';\r
  28                 html += tinyMCE.getButtonHTML('cleanup', 'lang_cleanup_desc', '{$themeurl}/images/cleanup.gif', 'mceCleanup');\r
  29                 html += '<img src="{$themeurl}/images/separator.gif" width="2" height="20" class="mceSeparatorLine" />';\r
  30                 html += tinyMCE.getButtonHTML('bullist', 'lang_bullist_desc', '{$themeurl}/images/bullist.gif', 'InsertUnorderedList');\r
  31                 html += tinyMCE.getButtonHTML('numlist', 'lang_numlist_desc', '{$themeurl}/images/numlist.gif', 'InsertOrderedList');\r
  32                 html += '</td></tr></table>';\r
  33 \r
  34                 return {\r
  35                         delta_width : 0,\r
  36                         delta_height : 20,\r
  37                         html : html\r
  38                 };\r
  39         },\r
  40 \r
  41         handleNodeChange : function(editor_id, node) {\r
  42                 // Reset old states\r
  43                 tinyMCE.switchClass(editor_id + '_bold', 'mceButtonNormal');\r
  44                 tinyMCE.switchClass(editor_id + '_italic', 'mceButtonNormal');\r
  45                 tinyMCE.switchClass(editor_id + '_underline', 'mceButtonNormal');\r
  46                 tinyMCE.switchClass(editor_id + '_strikethrough', 'mceButtonNormal');\r
  47                 tinyMCE.switchClass(editor_id + '_bullist', 'mceButtonNormal');\r
  48                 tinyMCE.switchClass(editor_id + '_numlist', 'mceButtonNormal');\r
  49 \r
  50                 // Handle elements\r
  51                 do {\r
  52                         switch (node.nodeName.toLowerCase()) {\r
  53                                 case "b":\r
  54                                 case "strong":\r
  55                                         tinyMCE.switchClass(editor_id + '_bold', 'mceButtonSelected');\r
  56                                 break;\r
  57 \r
  58                                 case "i":\r
  59                                 case "em":\r
  60                                         tinyMCE.switchClass(editor_id + '_italic', 'mceButtonSelected');\r
  61                                 break;\r
  62 \r
  63                                 case "u":\r
  64                                         tinyMCE.switchClass(editor_id + '_underline', 'mceButtonSelected');\r
  65                                 break;\r
  66 \r
  67                                 case "strike":\r
  68                                         tinyMCE.switchClass(editor_id + '_strikethrough', 'mceButtonSelected');\r
  69                                 break;\r
  70                                 \r
  71                                 case "ul":\r
  72                                         tinyMCE.switchClass(editor_id + '_bullist', 'mceButtonSelected');\r
  73                                 break;\r
  74 \r
  75                                 case "ol":\r
  76                                         tinyMCE.switchClass(editor_id + '_numlist', 'mceButtonSelected');\r
  77                                 break;\r
  78                         }\r
  79                 } while ((node = node.parentNode) != null);\r
  80         }\r
  81 };\r
  82 \r
  83 tinyMCE.addTheme("simple", TinyMCE_SimpleTheme);\r
  84 tinyMCE.addButtonMap(TinyMCE_SimpleTheme._buttonMap);\r