jscripts/tiny_mce/plugins/template/editor_plugin_src.js

   1 /**\r
   2  * $Id: editor_plugin_src.js 201 2007-02-12 15:56:56Z spocke $\r
   3  *\r
   4  * @author Moxiecode\r
   5  * @copyright Copyright © 2004-2008, Moxiecode Systems AB, All rights reserved.\r
   6  */\r
   7 \r
   8 (function() {\r
   9         var each = tinymce.each;\r
  10 \r
  11         tinymce.create('tinymce.plugins.TemplatePlugin', {\r
  12                 init : function(ed, url) {\r
  13                         var t = this;\r
  14 \r
  15                         t.editor = ed;\r
  16 \r
  17                         // Register commands\r
  18                         ed.addCommand('mceTemplate', function(ui) {\r
  19                                 ed.windowManager.open({\r
  20                                         file : url + '/template.htm',\r
  21                                         width : ed.getParam('template_popup_width', 750),\r
  22                                         height : ed.getParam('template_popup_height', 600),\r
  23                                         inline : 1\r
  24                                 }, {\r
  25                                         plugin_url : url\r
  26                                 });\r
  27                         });\r
  28 \r
  29                         ed.addCommand('mceInsertTemplate', t._insertTemplate, t);\r
  30 \r
  31                         // Register buttons\r
  32                         ed.addButton('template', {title : 'template.desc', cmd : 'mceTemplate'});\r
  33 \r
  34                         ed.onPreProcess.add(function(ed, o) {\r
  35                                 var dom = ed.dom;\r
  36 \r
  37                                 each(dom.select('div', o.node), function(e) {\r
  38                                         if (dom.hasClass(e, 'mceTmpl')) {\r
  39                                                 each(dom.select('*', e), function(e) {\r
  40                                                         if (dom.hasClass(e, ed.getParam('template_mdate_classes', 'mdate').replace(/\s+/g, '|')))\r
  41                                                                 e.innerHTML = t._getDateTime(new Date(), ed.getParam("template_mdate_format", ed.getLang("template.mdate_format")));\r
  42                                                 });\r
  43 \r
  44                                                 t._replaceVals(e);\r
  45                                         }\r
  46                                 });\r
  47                         });\r
  48                 },\r
  49 \r
  50                 getInfo : function() {\r
  51                         return {\r
  52                                 longname : 'Template plugin',\r
  53                                 author : 'Moxiecode Systems AB',\r
  54                                 authorurl : 'http://www.moxiecode.com',\r
  55                                 infourl : 'http://wiki.moxiecode.com/index.php/TinyMCE:Plugins/template',\r
  56                                 version : tinymce.majorVersion + "." + tinymce.minorVersion\r
  57                         };\r
  58                 },\r
  59 \r
  60                 _insertTemplate : function(ui, v) {\r
  61                         var t = this, ed = t.editor, h, el, dom = ed.dom, sel = ed.selection.getContent();\r
  62 \r
  63                         h = v.content;\r
  64 \r
  65                         each(t.editor.getParam('template_replace_values'), function(v, k) {\r
  66                                 if (typeof(v) != 'function')\r
  67                                         h = h.replace(new RegExp('\\{\\$' + k + '\\}', 'g'), v);\r
  68                         });\r
  69 \r
  70                         el = dom.create('div', null, h);\r
  71 \r
  72                         // Find template element within div\r
  73                         n = dom.select('.mceTmpl', el);\r
  74                         if (n && n.length > 0) {\r
  75                                 el = dom.create('div', null);\r
  76                                 el.appendChild(n[0].cloneNode(true));\r
  77                         }\r
  78 \r
  79                         function hasClass(n, c) {\r
  80                                 return new RegExp('\\b' + c + '\\b', 'g').test(n.className);\r
  81                         };\r
  82 \r
  83                         each(dom.select('*', el), function(n) {\r
  84                                 // Replace cdate\r
  85                                 if (hasClass(n, ed.getParam('template_cdate_classes', 'cdate').replace(/\s+/g, '|')))\r
  86                                         n.innerHTML = t._getDateTime(new Date(), ed.getParam("template_cdate_format", ed.getLang("template.cdate_format")));\r
  87 \r
  88                                 // Replace mdate\r
  89                                 if (hasClass(n, ed.getParam('template_mdate_classes', 'mdate').replace(/\s+/g, '|')))\r
  90                                         n.innerHTML = t._getDateTime(new Date(), ed.getParam("template_mdate_format", ed.getLang("template.mdate_format")));\r
  91 \r
  92                                 // Replace selection\r
  93                                 if (hasClass(n, ed.getParam('template_selected_content_classes', 'selcontent').replace(/\s+/g, '|')))\r
  94                                         n.innerHTML = sel;\r
  95                         });\r
  96 \r
  97                         t._replaceVals(el);\r
  98 \r
  99                         ed.execCommand('mceInsertContent', false, el.innerHTML);\r
 100                         ed.addVisual();\r
 101                 },\r
 102 \r
 103                 _replaceVals : function(e) {\r
 104                         var dom = this.editor.dom, vl = this.editor.getParam('template_replace_values');\r
 105 \r
 106                         each(dom.select('*', e), function(e) {\r
 107                                 each(vl, function(v, k) {\r
 108                                         if (dom.hasClass(e, k)) {\r
 109                                                 if (typeof(vl[k]) == 'function')\r
 110                                                         vl[k](e);\r
 111                                         }\r
 112                                 });\r
 113                         });\r
 114                 },\r
 115 \r
 116                 _getDateTime : function(d, fmt) {\r
 117                                 if (!fmt)\r
 118                                         return "";\r
 119 \r
 120                                 function addZeros(value, len) {\r
 121                                         var i;\r
 122 \r
 123                                         value = "" + value;\r
 124 \r
 125                                         if (value.length < len) {\r
 126                                                 for (i=0; i<(len-value.length); i++)\r
 127                                                         value = "0" + value;\r
 128                                         }\r
 129 \r
 130                                         return value;\r
 131                                 }\r
 132 \r
 133                                 fmt = fmt.replace("%D", "%m/%d/%y");\r
 134                                 fmt = fmt.replace("%r", "%I:%M:%S %p");\r
 135                                 fmt = fmt.replace("%Y", "" + d.getFullYear());\r
 136                                 fmt = fmt.replace("%y", "" + d.getYear());\r
 137                                 fmt = fmt.replace("%m", addZeros(d.getMonth()+1, 2));\r
 138                                 fmt = fmt.replace("%d", addZeros(d.getDate(), 2));\r
 139                                 fmt = fmt.replace("%H", "" + addZeros(d.getHours(), 2));\r
 140                                 fmt = fmt.replace("%M", "" + addZeros(d.getMinutes(), 2));\r
 141                                 fmt = fmt.replace("%S", "" + addZeros(d.getSeconds(), 2));\r
 142                                 fmt = fmt.replace("%I", "" + ((d.getHours() + 11) % 12 + 1));\r
 143                                 fmt = fmt.replace("%p", "" + (d.getHours() < 12 ? "AM" : "PM"));\r
 144                                 fmt = fmt.replace("%B", "" + tinyMCE.getLang("template_months_long").split(',')[d.getMonth()]);\r
 145                                 fmt = fmt.replace("%b", "" + tinyMCE.getLang("template_months_short").split(',')[d.getMonth()]);\r
 146                                 fmt = fmt.replace("%A", "" + tinyMCE.getLang("template_day_long").split(',')[d.getDay()]);\r
 147                                 fmt = fmt.replace("%a", "" + tinyMCE.getLang("template_day_short").split(',')[d.getDay()]);\r
 148                                 fmt = fmt.replace("%%", "%");\r
 149 \r
 150                                 return fmt;\r
 151                 }\r
 152         });\r
 153 \r
 154         // Register plugin\r
 155         tinymce.PluginManager.add('template', tinymce.plugins.TemplatePlugin);\r
 156 })();