webcit/tiny_mce/plugins/_template/editor_plugin_src.js

   1 /* Import plugin specific language pack */\r
   2 tinyMCE.importPluginLanguagePack('template', 'en,he,no'); // <- Add a comma separated list of all supported languages\r
   3 \r
   4 /****\r
   5  * Steps for creating a plugin from this template:\r
   6  *\r
   7  * 1. Change all "template" to the name of your plugin.\r
   8  * 2. Remove all the callbacks in this file that you don't need.\r
   9  * 3. Remove the popup.htm file if you don't need any popups.\r
  10  * 4. Add your custom logic to the callbacks you needed.\r
  11  * 5. Write documentation in a readme.txt file on how to use the plugin.\r
  12  * 6. Upload it under the "Plugins" section at sourceforge.\r
  13  *\r
  14  ****/\r
  15 \r
  16 /**\r
  17  * Information about the plugin.\r
  18  */\r
  19 function TinyMCE_template_getInfo() {\r
  20         return {\r
  21                 longname : 'Template plugin',\r
  22                 author : 'Your name',\r
  23                 authorurl : 'http://www.yoursite.com',\r
  24                 infourl : 'http://www.yoursite.com/docs/template.html',\r
  25                 version : "1.0"\r
  26         };\r
  27 };\r
  28 \r
  29 /**\r
  30  * Gets executed when a editor instance is initialized\r
  31  */\r
  32 function TinyMCE_template_initInstance(inst) {\r
  33         // You can take out plugin specific parameters\r
  34         alert("Initialization parameter:" + tinyMCE.getParam("template_someparam", false));\r
  35 }\r
  36 \r
  37 /**\r
  38  * Gets executed when a editor needs to generate a button.\r
  39  */\r
  40 function TinyMCE_template_getControlHTML(control_name) {\r
  41         switch (control_name) {\r
  42                 case "template":\r
  43                         return '<a href="javascript:tinyMCE.execInstanceCommand(\'{$editor_id}\',\'mceTemplate\', true);" target="_self" onmousedown="return false;"><img id="{$editor_id}_template" src="{$pluginurl}/images/template.gif" title="{$lang_template_desc}" width="20" height="20" class="mceButtonNormal" onmouseover="tinyMCE.switchClass(this,\'mceButtonOver\');" onmouseout="tinyMCE.restoreClass(this);" onmousedown="tinyMCE.restoreAndSwitchClass(this,\'mceButtonDown\');" /></a>';\r
  44         }\r
  45 \r
  46         return "";\r
  47 }\r
  48 \r
  49 /**\r
  50  * Gets executed when a command is called.\r
  51  */\r
  52 function TinyMCE_template_execCommand(editor_id, element, command, user_interface, value) {\r
  53         // Handle commands\r
  54         switch (command) {\r
  55                 // Remember to have the "mce" prefix for commands so they don't intersect with built in ones in the browser.\r
  56                 case "mceTemplate":\r
  57                         // Show UI/Popup\r
  58                         if (user_interface) {\r
  59                                 // Open a popup window and send in some custom data in a window argument\r
  60                                 var template = new Array();\r
  61 \r
  62                                 template['file'] = '../../plugins/template/popup.htm'; // Relative to theme\r
  63                                 template['width'] = 300;\r
  64                                 template['height'] = 200;\r
  65 \r
  66                                 tinyMCE.openWindow(template, {editor_id : editor_id, some_custom_arg : "somecustomdata"});\r
  67 \r
  68                                 // Let TinyMCE know that something was modified\r
  69                                 tinyMCE.triggerNodeChange(false);\r
  70                         } else {\r
  71                                 // Do a command this gets called from the template popup\r
  72                                 alert("execCommand: mceTemplate gets called from popup.");\r
  73                         }\r
  74 \r
  75                         return true;\r
  76         }\r
  77 \r
  78         // Pass to next handler in chain\r
  79         return false;\r
  80 }\r
  81 \r
  82 /**\r
  83  * Gets executed when the selection/cursor position was changed.\r
  84  */\r
  85 function TinyMCE_template_handleNodeChange(editor_id, node, undo_index, undo_levels, visual_aid, any_selection) {\r
  86         // Deselect template button\r
  87         tinyMCE.switchClassSticky(editor_id + '_template', 'mceButtonNormal');\r
  88 \r
  89         // Select template button if parent node is a strong or b\r
  90         if (node.parentNode.nodeName == "STRONG" || node.parentNode.nodeName == "B")\r
  91                 tinyMCE.switchClassSticky(editor_id + '_template', 'mceButtonSelected');\r
  92 \r
  93         return true;\r
  94 }\r
  95 \r
  96 /**\r
  97  * Gets executed when contents is inserted / retrived.\r
  98  */\r
  99 function TinyMCE_template_cleanup(type, content) {\r
 100         switch (type) {\r
 101                 case "get_from_editor":\r
 102                         alert("[FROM] Value HTML string: " + content);\r
 103 \r
 104                         // Do custom cleanup code here\r
 105 \r
 106                         break;\r
 107 \r
 108                 case "insert_to_editor":\r
 109                         alert("[TO] Value HTML string: " + content);\r
 110 \r
 111                         // Do custom cleanup code here\r
 112 \r
 113                         break;\r
 114 \r
 115                 case "get_from_editor_dom":\r
 116                         alert("[FROM] Value DOM Element " + content.innerHTML);\r
 117 \r
 118                         // Do custom cleanup code here\r
 119 \r
 120                         break;\r
 121 \r
 122                 case "insert_to_editor_dom":\r
 123                         alert("[TO] Value DOM Element: " + content.innerHTML);\r
 124 \r
 125                         // Do custom cleanup code here\r
 126 \r
 127                         break;\r
 128         }\r
 129 \r
 130         return content;\r
 131 }\r