8 tinymce.create('tinymce.plugins.WordPress', {
11 init : function(ed, url) {
12 var t = this, tbId = ed.getParam('wordpress_adv_toolbar', 'toolbar2'), last = 0, moreHTML, nextpageHTML;
13 moreHTML = '<img src="' + url + '/img/trans.gif" class="mceWPmore mceItemNoResize" title="'+ed.getLang('wordpress.wp_more_alt')+'" />';
14 nextpageHTML = '<img src="' + url + '/img/trans.gif" class="mceWPnextpage mceItemNoResize" title="'+ed.getLang('wordpress.wp_page_alt')+'" />';
16 if ( getUserSetting('hidetb', '0') == '1' )
17 ed.settings.wordpress_adv_hidden = 0;
19 // Hides the specified toolbar and resizes the iframe
20 ed.onPostRender.add(function() {
21 var adv_toolbar = ed.controlManager.get(tbId);
22 if ( ed.getParam('wordpress_adv_hidden', 1) && adv_toolbar ) {
23 DOM.hide(adv_toolbar.id);
24 t._resizeIframe(ed, tbId, 28);
29 ed.addCommand('WP_More', function() {
30 ed.execCommand('mceInsertContent', 0, moreHTML);
33 ed.addCommand('WP_Page', function() {
34 ed.execCommand('mceInsertContent', 0, nextpageHTML);
37 ed.addCommand('WP_Help', function() {
38 ed.windowManager.open({
39 url : tinymce.baseURL + '/wp-mce-help.php',
46 ed.addCommand('WP_Adv', function() {
47 var cm = ed.controlManager, id = cm.get(tbId).id;
49 if ( 'undefined' == id )
52 if ( DOM.isHidden(id) ) {
53 cm.setActive('wp_adv', 1);
55 t._resizeIframe(ed, tbId, -28);
56 ed.settings.wordpress_adv_hidden = 0;
57 setUserSetting('hidetb', '1');
59 cm.setActive('wp_adv', 0);
61 t._resizeIframe(ed, tbId, 28);
62 ed.settings.wordpress_adv_hidden = 1;
63 setUserSetting('hidetb', '0');
68 ed.addButton('wp_more', {
69 title : 'wordpress.wp_more_desc',
70 image : url + '/img/more.gif',
74 ed.addButton('wp_page', {
75 title : 'wordpress.wp_page_desc',
76 image : url + '/img/page.gif',
80 ed.addButton('wp_help', {
81 title : 'wordpress.wp_help_desc',
82 image : url + '/img/help.gif',
86 ed.addButton('wp_adv', {
87 title : 'wordpress.wp_adv_desc',
88 image : url + '/img/toolbars.gif',
93 ed.addButton('add_media', {
94 title : 'wordpress.add_media',
95 image : url + '/img/media.gif',
96 onclick : function() {
97 tb_show('', tinymce.DOM.get('add_media').href);
98 tinymce.DOM.setStyle( ['TB_overlay','TB_window','TB_load'], 'z-index', '999999' );
102 ed.addButton('add_image', {
103 title : 'wordpress.add_image',
104 image : url + '/img/image.gif',
105 onclick : function() {
106 tb_show('', tinymce.DOM.get('add_image').href);
107 tinymce.DOM.setStyle( ['TB_overlay','TB_window','TB_load'], 'z-index', '999999' );
111 ed.addButton('add_video', {
112 title : 'wordpress.add_video',
113 image : url + '/img/video.gif',
114 onclick : function() {
115 tb_show('', tinymce.DOM.get('add_video').href);
116 tinymce.DOM.setStyle( ['TB_overlay','TB_window','TB_load'], 'z-index', '999999' );
120 ed.addButton('add_audio', {
121 title : 'wordpress.add_audio',
122 image : url + '/img/audio.gif',
123 onclick : function() {
124 tb_show('', tinymce.DOM.get('add_audio').href);
125 tinymce.DOM.setStyle( ['TB_overlay','TB_window','TB_load'], 'z-index', '999999' );
129 // Add Media buttons to fullscreen
130 ed.onBeforeExecCommand.add(function(ed, cmd, ui, val) {
131 var DOM = tinymce.DOM;
132 if ( 'mceFullScreen' != cmd ) return;
133 if ( 'mce_fullscreen' != ed.id && DOM.get('add_audio') && DOM.get('add_video') && DOM.get('add_image') && DOM.get('add_media') )
134 ed.settings.theme_advanced_buttons1 += ',|,add_image,add_video,add_audio,add_media';
137 // Add class "alignleft", "alignright" and "aligncenter" when selecting align for images.
138 ed.addCommand('JustifyLeft', function() {
139 var n = ed.selection.getNode();
141 if ( n.nodeName != 'IMG' )
142 ed.editorCommands.mceJustify('JustifyLeft', 'left');
143 else ed.plugins.wordpress.do_align(n, 'alignleft');
146 ed.addCommand('JustifyRight', function() {
147 var n = ed.selection.getNode();
149 if ( n.nodeName != 'IMG' )
150 ed.editorCommands.mceJustify('JustifyRight', 'right');
151 else ed.plugins.wordpress.do_align(n, 'alignright');
154 ed.addCommand('JustifyCenter', function() {
155 var n = ed.selection.getNode(), P = ed.dom.getParent(n, 'p'), DL = ed.dom.getParent(n, 'dl');
157 if ( n.nodeName == 'IMG' && ( P || DL ) )
158 ed.plugins.wordpress.do_align(n, 'aligncenter');
159 else ed.editorCommands.mceJustify('JustifyCenter', 'center');
162 // Word count if script is loaded
163 if ( 'undefined' != typeof wpWordCount ) {
164 ed.onKeyUp.add(function(ed, e) {
165 if ( e.keyCode == last ) return;
166 if ( 13 == e.keyCode || 8 == last || 46 == last ) wpWordCount.wc( ed.getContent({format : 'raw'}) );
171 ed.onSaveContent.add(function(ed, o) {
172 if ( typeof(switchEditors) == 'object' ) {
174 o.content = o.element.value;
176 o.content = switchEditors.pre_wpautop(o.content);
181 ed.onBeforeSetContent.add(function(ed, o) {
182 o.content = t._setEmbed(o.content);
185 ed.onPostProcess.add(function(ed, o) {
187 o.content = t._getEmbed(o.content);
191 // Add listeners to handle more break
192 t._handleMoreBreak(ed, url);
194 // Add custom shortcuts
195 ed.addShortcut('alt+shift+c', ed.getLang('justifycenter_desc'), 'JustifyCenter');
196 ed.addShortcut('alt+shift+r', ed.getLang('justifyright_desc'), 'JustifyRight');
197 ed.addShortcut('alt+shift+l', ed.getLang('justifyleft_desc'), 'JustifyLeft');
198 ed.addShortcut('alt+shift+j', ed.getLang('justifyfull_desc'), 'JustifyFull');
199 ed.addShortcut('alt+shift+q', ed.getLang('blockquote_desc'), 'mceBlockQuote');
200 ed.addShortcut('alt+shift+u', ed.getLang('bullist_desc'), 'InsertUnorderedList');
201 ed.addShortcut('alt+shift+o', ed.getLang('numlist_desc'), 'InsertOrderedList');
202 ed.addShortcut('alt+shift+d', ed.getLang('striketrough_desc'), 'Strikethrough');
203 ed.addShortcut('alt+shift+n', ed.getLang('spellchecker.desc'), 'mceSpellCheck');
204 ed.addShortcut('alt+shift+a', ed.getLang('link_desc'), 'mceLink');
205 ed.addShortcut('alt+shift+s', ed.getLang('unlink_desc'), 'unlink');
206 ed.addShortcut('alt+shift+m', ed.getLang('image_desc'), 'mceImage');
207 ed.addShortcut('alt+shift+g', ed.getLang('fullscreen.desc'), 'mceFullScreen');
208 ed.addShortcut('alt+shift+z', ed.getLang('wp_adv_desc'), 'WP_Adv');
209 ed.addShortcut('alt+shift+h', ed.getLang('help_desc'), 'WP_Help');
210 ed.addShortcut('alt+shift+t', ed.getLang('wp_more_desc'), 'WP_More');
211 ed.addShortcut('alt+shift+p', ed.getLang('wp_page_desc'), 'WP_Page');
212 ed.addShortcut('ctrl+s', ed.getLang('save_desc'), function(){if('function'==typeof autosave)autosave();});
214 if ( tinymce.isWebKit ) {
215 ed.addShortcut('alt+shift+b', ed.getLang('bold_desc'), 'Bold');
216 ed.addShortcut('alt+shift+i', ed.getLang('italic_desc'), 'Italic');
219 ed.onInit.add(function(ed) {
220 tinymce.dom.Event.add(ed.getWin(), 'scroll', function(e) {
221 ed.plugins.wordpress._hideButtons();
223 tinymce.dom.Event.add(ed.getBody(), 'dragstart', function(e) {
224 ed.plugins.wordpress._hideButtons();
228 ed.onBeforeExecCommand.add(function(ed, cmd, ui, val) {
229 ed.plugins.wordpress._hideButtons();
232 ed.onSaveContent.add(function(ed, o) {
233 ed.plugins.wordpress._hideButtons();
236 ed.onMouseDown.add(function(ed, e) {
237 if ( e.target.nodeName != 'IMG' )
238 ed.plugins.wordpress._hideButtons();
242 getInfo : function() {
244 longname : 'WordPress Plugin',
245 author : 'WordPress', // add Moxiecode?
246 authorurl : 'http://wordpress.org',
247 infourl : 'http://wordpress.org',
252 // Internal functions
253 _setEmbed : function(c) {
254 return c.replace(/\[embed\]([\s\S]+?)\[\/embed\][\s\u00a0]*/g, function(a,b){
255 return '<img width="300" height="200" src="' + tinymce.baseURL + '/plugins/wordpress/img/trans.gif" class="wp-oembed mceItemNoResize" alt="'+b+'" title="'+b+'" />';
259 _getEmbed : function(c) {
260 return c.replace(/<img[^>]+>/g, function(a) {
261 if ( a.indexOf('class="wp-oembed') != -1 ) {
262 var u = a.match(/alt="([^\"]+)"/);
264 a = '[embed]' + u[1] + '[/embed]';
270 _showButtons : function(n, id) {
271 var ed = tinyMCE.activeEditor, p1, p2, vp, DOM = tinymce.DOM, X, Y;
273 vp = ed.dom.getViewPort(ed.getWin());
274 p1 = DOM.getPos(ed.getContentAreaContainer());
275 p2 = ed.dom.getPos(n);
277 X = Math.max(p2.x - vp.x, 0) + p1.x;
278 Y = Math.max(p2.y - vp.y, 0) + p1.y;
287 clearTimeout(this.mceTout);
289 this.mceTout = setTimeout( function(){ed.plugins.wordpress._hideButtons();}, 5000 );
292 _hideButtons : function() {
296 if ( document.getElementById('wp_editbtns') )
297 tinymce.DOM.hide('wp_editbtns');
299 if ( document.getElementById('wp_gallerybtns') )
300 tinymce.DOM.hide('wp_gallerybtns');
302 clearTimeout(this.mceTout);
306 do_align : function(n, a) {
307 var P, DL, DIV, cls, c, ed = tinyMCE.activeEditor;
309 if ( /^(mceItemFlash|mceItemShockWave|mceItemWindowsMedia|mceItemQuickTime|mceItemRealMedia)$/.test(n.className) )
312 P = ed.dom.getParent(n, 'p');
313 DL = ed.dom.getParent(n, 'dl');
314 DIV = ed.dom.getParent(n, 'div');
317 cls = ed.dom.hasClass(DL, a) ? 'alignnone' : a;
318 DL.className = DL.className.replace(/align[^ '"]+\s?/g, '');
319 ed.dom.addClass(DL, cls);
320 c = (cls == 'aligncenter') ? ed.dom.addClass(DIV, 'mceIEcenter') : ed.dom.removeClass(DIV, 'mceIEcenter');
322 cls = ed.dom.hasClass(n, a) ? 'alignnone' : a;
323 n.className = n.className.replace(/align[^ '"]+\s?/g, '');
324 ed.dom.addClass(n, cls);
325 if ( cls == 'aligncenter' )
326 ed.dom.setStyle(P, 'textAlign', 'center');
327 else if (P.style && P.style.textAlign == 'center')
328 ed.dom.setStyle(P, 'textAlign', '');
331 ed.execCommand('mceRepaint');
334 // Resizes the iframe by a relative height value
335 _resizeIframe : function(ed, tb_id, dy) {
336 var ifr = ed.getContentAreaContainer().firstChild;
338 DOM.setStyle(ifr, 'height', ifr.clientHeight + dy); // Resize iframe
339 ed.theme.deltaHeight += dy; // For resize cookie
342 _handleMoreBreak : function(ed, url) {
343 var moreHTML, nextpageHTML;
345 moreHTML = '<img src="' + url + '/img/trans.gif" alt="$1" class="mceWPmore mceItemNoResize" title="'+ed.getLang('wordpress.wp_more_alt')+'" />';
346 nextpageHTML = '<img src="' + url + '/img/trans.gif" class="mceWPnextpage mceItemNoResize" title="'+ed.getLang('wordpress.wp_page_alt')+'" />';
348 // Load plugin specific CSS into editor
349 ed.onInit.add(function() {
350 ed.dom.loadCSS(url + '/css/content.css');
353 // Display morebreak instead if img in element path
354 ed.onPostRender.add(function() {
355 if (ed.theme.onResolveName) {
356 ed.theme.onResolveName.add(function(th, o) {
357 if (o.node.nodeName == 'IMG') {
358 if ( ed.dom.hasClass(o.node, 'mceWPmore') )
360 if ( ed.dom.hasClass(o.node, 'mceWPnextpage') )
368 // Replace morebreak with images
369 ed.onBeforeSetContent.add(function(ed, o) {
370 o.content = o.content.replace(/<!--more(.*?)-->/g, moreHTML);
371 o.content = o.content.replace(/<!--nextpage-->/g, nextpageHTML);
374 // Replace images with morebreak
375 ed.onPostProcess.add(function(ed, o) {
377 o.content = o.content.replace(/<img[^>]+>/g, function(im) {
378 if (im.indexOf('class="mceWPmore') !== -1) {
379 var m, moretext = (m = im.match(/alt="(.*?)"/)) ? m[1] : '';
380 im = '<!--more'+moretext+'-->';
382 if (im.indexOf('class="mceWPnextpage') !== -1)
383 im = '<!--nextpage-->';
389 // Set active buttons if user selected pagebreak or more break
390 ed.onNodeChange.add(function(ed, cm, n) {
391 cm.setActive('wp_page', n.nodeName === 'IMG' && ed.dom.hasClass(n, 'mceWPnextpage'));
392 cm.setActive('wp_more', n.nodeName === 'IMG' && ed.dom.hasClass(n, 'mceWPmore'));
398 tinymce.PluginManager.add('wordpress', tinymce.plugins.WordPress);