wp-includes/js/tinymce/plugins/wpgallery/editor_plugin.js

   1 \r
   2 (function() {\r
   3         tinymce.create('tinymce.plugins.wpGallery', {\r
   4 \r
   5                 init : function(ed, url) {\r
   6                         var t = this;\r
   7 \r
   8                         t.url = url;\r
   9                         t._createButtons();\r
  10 \r
  11                         // Register the command so that it can be invoked by using tinyMCE.activeEditor.execCommand('...');\r
  12                         ed.addCommand('WP_Gallery', function() {\r
  13                                 var el = ed.selection.getNode(), vp = tinymce.DOM.getViewPort(), W = ( 720 < vp.w ) ? 720 : vp.w;\r
  14 \r
  15                                 if ( el.nodeName != 'IMG' ) return;\r
  16                                 if ( ed.dom.getAttrib(el, 'class').indexOf('wpGallery') == -1 ) return;\r
  17 \r
  18                                 var post_id = tinymce.DOM.get('post_ID').value;\r
  19                                 tb_show('', tinymce.documentBaseURL + '/media-upload.php?post_id='+post_id+'&tab=gallery&TB_iframe=true');\r
  20 \r
  21                                 tinymce.DOM.setStyle( ['TB_overlay','TB_window','TB_load'], 'z-index', '999999' );\r
  22                         });\r
  23 \r
  24                         ed.onInit.add(function(ed) {\r
  25                                 tinymce.dom.Event.add(ed.getWin(), 'scroll', function(e) {\r
  26                                         ed.plugins.wpgallery.hideButtons();\r
  27                                 });\r
  28                         });\r
  29 \r
  30                         ed.onBeforeExecCommand.add(function(ed, cmd, ui, val) {\r
  31                                 ed.plugins.wpgallery.hideButtons();\r
  32                         });\r
  33 \r
  34                         ed.onSaveContent.add(function(ed, o) {\r
  35                                 ed.plugins.wpgallery.hideButtons();\r
  36                         });\r
  37 \r
  38                         ed.onMouseUp.add(function(ed, e) {\r
  39                                 if ( tinymce.isOpera ) {\r
  40                                         if ( e.target.nodeName == 'IMG' )\r
  41                                                 ed.plugins.wpgallery.showButtons(e.target);\r
  42                                 }\r
  43 \r
  44                         });\r
  45 \r
  46                         ed.onMouseDown.add(function(ed, e) {\r
  47                                 if ( tinymce.isOpera || e.target.nodeName != 'IMG' ) {\r
  48                                         t.hideButtons();\r
  49                                         return;\r
  50                                 }\r
  51                                 ed.plugins.wpgallery.showButtons(e.target);\r
  52                         });\r
  53 \r
  54                         ed.onBeforeSetContent.add(function(ed, o) {\r
  55                                 o.content = t._do_gallery(o.content);\r
  56                         });\r
  57 \r
  58                         ed.onPostProcess.add(function(ed, o) {\r
  59                                 if (o.get)\r
  60                                         o.content = t._get_gallery(o.content);\r
  61                         });\r
  62                 },\r
  63 \r
  64                 _do_gallery : function(co) {\r
  65                         return co.replace(/\[gallery([^\]]*)\]/g, function(a,b){\r
  66                                 return '<img src="'+tinymce.baseURL+'/plugins/wpgallery/img/t.gif" class="wpGallery mceItem" title="gallery'+tinymce.DOM.encode(b)+'" />';\r
  67                         });\r
  68                 },\r
  69 \r
  70                 _get_gallery : function(co) {\r
  71 \r
  72                         function getAttr(s, n) {\r
  73                                 n = new RegExp(n + '=\"([^\"]+)\"', 'g').exec(s);\r
  74                                 return n ? tinymce.DOM.decode(n[1]) : '';\r
  75                         };\r
  76 \r
  77                         return co.replace(/(?:<p[^>]*>)*(<img[^>]+>)(?:<\/p>)*/g, function(a,im) {\r
  78                                 var cls = getAttr(im, 'class');\r
  79 \r
  80                                 if ( cls.indexOf('wpGallery') != -1 )\r
  81                                         return '<p>['+tinymce.trim(getAttr(im, 'title'))+']</p>';\r
  82 \r
  83                                 return a;\r
  84                         });\r
  85                 },\r
  86 \r
  87                 showButtons : function(n) {\r
  88                         var t = this, ed = tinyMCE.activeEditor, p1, p2, vp, DOM = tinymce.DOM, X, Y;\r
  89 \r
  90                         if (ed.dom.getAttrib(n, 'class').indexOf('wpGallery') == -1)\r
  91                                 return;\r
  92 \r
  93                         vp = ed.dom.getViewPort(ed.getWin());\r
  94                         p1 = DOM.getPos(ed.getContentAreaContainer());\r
  95                         p2 = ed.dom.getPos(n);\r
  96 \r
  97                         X = Math.max(p2.x - vp.x, 0) + p1.x;\r
  98                         Y = Math.max(p2.y - vp.y, 0) + p1.y;\r
  99 \r
 100                         DOM.setStyles('wp_gallerybtns', {\r
 101                                 'top' : Y+5+'px',\r
 102                                 'left' : X+5+'px',\r
 103                                 'display' : 'block'\r
 104                         });\r
 105 \r
 106                         t.btnsTout = window.setTimeout( function(){ed.plugins.wpgallery.hideButtons();}, 5000 );\r
 107                 },\r
 108 \r
 109                 hideButtons : function() {\r
 110                         if ( tinymce.DOM.isHidden('wp_gallerybtns') ) return;\r
 111 \r
 112                         tinymce.DOM.hide('wp_gallerybtns');\r
 113                         window.clearTimeout(this.btnsTout);\r
 114                 },\r
 115 \r
 116                 _createButtons : function() {\r
 117                         var t = this, ed = tinyMCE.activeEditor, DOM = tinymce.DOM;\r
 118 \r
 119                         DOM.remove('wp_gallerybtns');\r
 120 \r
 121                         var wp_gallerybtns = DOM.add(document.body, 'div', {\r
 122                                 id : 'wp_gallerybtns',\r
 123                                 style : 'display:none;'\r
 124                         });\r
 125 \r
 126                         var wp_editgallery = DOM.add('wp_gallerybtns', 'img', {\r
 127                                 src : t.url+'/img/edit.png',\r
 128                                 id : 'wp_editgallery',\r
 129                                 width : '24',\r
 130                                 height : '24',\r
 131                                 title : ed.getLang('wordpress.editgallery')\r
 132                         });\r
 133 \r
 134                         wp_editgallery.onmousedown = function(e) {\r
 135                                 var ed = tinyMCE.activeEditor;\r
 136                                 ed.windowManager.bookmark = ed.selection.getBookmark('simple');\r
 137                                 ed.execCommand("WP_Gallery");\r
 138                                 this.parentNode.style.display = 'none';\r
 139                         };\r
 140 \r
 141                         var wp_delgallery = DOM.add('wp_gallerybtns', 'img', {\r
 142                                 src : t.url+'/img/delete.png',\r
 143                                 id : 'wp_delgallery',\r
 144                                 width : '24',\r
 145                                 height : '24',\r
 146                                 title : ed.getLang('wordpress.delgallery')\r
 147                         });\r
 148 \r
 149                         wp_delgallery.onmousedown = function(e) {\r
 150                                 var ed = tinyMCE.activeEditor, el = ed.selection.getNode();\r
 151 \r
 152                                 if ( el.nodeName == 'IMG' && ed.dom.getAttrib(el, 'class').indexOf('wpGallery') != -1 ) {\r
 153                                         ed.dom.remove(el);\r
 154 \r
 155                                         this.parentNode.style.display = 'none';\r
 156                                         ed.execCommand('mceRepaint');\r
 157                                         return false;\r
 158                                 }\r
 159                         };\r
 160                 },\r
 161 \r
 162                 getInfo : function() {\r
 163                         return {\r
 164                                 longname : 'Gallery Settings',\r
 165                                 author : 'WordPress',\r
 166                                 authorurl : 'http://wordpress.org',\r
 167                                 infourl : '',\r
 168                                 version : "1.0"\r
 169                         };\r
 170                 }\r
 171         });\r
 172 \r
 173         tinymce.PluginManager.add('wpgallery', tinymce.plugins.wpGallery);\r
 174 })();\r