|
5
|
1 |
/* global tinymce, tinyMCEPreInit, QTags, setUserSetting */ |
|
0
|
2 |
|
|
5
|
3 |
window.switchEditors = { |
|
0
|
4 |
|
|
5
|
5 |
switchto: function( el ) { |
|
|
6 |
var aid = el.id, |
|
|
7 |
l = aid.length, |
|
|
8 |
id = aid.substr( 0, l - 5 ), |
|
|
9 |
mode = aid.substr( l - 4 ); |
|
0
|
10 |
|
|
5
|
11 |
this.go( id, mode ); |
|
0
|
12 |
}, |
|
|
13 |
|
|
5
|
14 |
// mode can be 'html', 'tmce', or 'toggle'; 'html' is used for the 'Text' editor tab. |
|
|
15 |
go: function( id, mode ) { |
|
|
16 |
var t = this, ed, wrap_id, txtarea_el, iframe, editorHeight, toolbarHeight, |
|
|
17 |
DOM = tinymce.DOM; //DOMUtils outside the editor iframe |
|
|
18 |
|
|
0
|
19 |
id = id || 'content'; |
|
|
20 |
mode = mode || 'toggle'; |
|
|
21 |
|
|
5
|
22 |
ed = tinymce.get( id ); |
|
|
23 |
wrap_id = 'wp-' + id + '-wrap'; |
|
|
24 |
txtarea_el = DOM.get( id ); |
|
0
|
25 |
|
|
5
|
26 |
if ( 'toggle' === mode ) { |
|
|
27 |
if ( ed && ! ed.isHidden() ) { |
|
0
|
28 |
mode = 'html'; |
|
5
|
29 |
} else { |
|
0
|
30 |
mode = 'tmce'; |
|
5
|
31 |
} |
|
0
|
32 |
} |
|
|
33 |
|
|
5
|
34 |
function getToolbarHeight() { |
|
|
35 |
var node = DOM.select( '.mce-toolbar-grp', ed.getContainer() )[0], |
|
|
36 |
height = node && node.clientHeight; |
|
|
37 |
|
|
|
38 |
if ( height && height > 10 && height < 200 ) { |
|
|
39 |
return parseInt( height, 10 ); |
|
|
40 |
} |
|
|
41 |
|
|
|
42 |
return 30; |
|
|
43 |
} |
|
0
|
44 |
|
|
5
|
45 |
if ( 'tmce' === mode || 'tinymce' === mode ) { |
|
|
46 |
if ( ed && ! ed.isHidden() ) { |
|
|
47 |
return false; |
|
|
48 |
} |
|
0
|
49 |
|
|
5
|
50 |
if ( typeof( QTags ) !== 'undefined' ) { |
|
|
51 |
QTags.closeAllTags( id ); |
|
|
52 |
} |
|
|
53 |
|
|
|
54 |
editorHeight = txtarea_el ? parseInt( txtarea_el.style.height, 10 ) : 0; |
|
|
55 |
|
|
|
56 |
if ( tinyMCEPreInit.mceInit[ id ] && tinyMCEPreInit.mceInit[ id ].wpautop ) { |
|
0
|
57 |
txtarea_el.value = t.wpautop( txtarea_el.value ); |
|
5
|
58 |
} |
|
0
|
59 |
|
|
|
60 |
if ( ed ) { |
|
|
61 |
ed.show(); |
|
5
|
62 |
|
|
|
63 |
// No point resizing the iframe in iOS |
|
|
64 |
if ( ! tinymce.Env.iOS && editorHeight ) { |
|
|
65 |
toolbarHeight = getToolbarHeight(); |
|
|
66 |
editorHeight = editorHeight - toolbarHeight + 14; |
|
|
67 |
|
|
|
68 |
// height cannot be under 50 or over 5000 |
|
|
69 |
if ( editorHeight > 50 && editorHeight < 5000 ) { |
|
|
70 |
ed.theme.resizeTo( null, editorHeight ); |
|
|
71 |
} |
|
|
72 |
} |
|
0
|
73 |
} else { |
|
5
|
74 |
tinymce.init( tinyMCEPreInit.mceInit[id] ); |
|
|
75 |
} |
|
|
76 |
|
|
|
77 |
DOM.removeClass( wrap_id, 'html-active' ); |
|
|
78 |
DOM.addClass( wrap_id, 'tmce-active' ); |
|
|
79 |
DOM.setAttrib( txtarea_el, 'aria-hidden', true ); |
|
|
80 |
setUserSetting( 'editor', 'tinymce' ); |
|
|
81 |
|
|
|
82 |
} else if ( 'html' === mode ) { |
|
|
83 |
|
|
|
84 |
if ( ed && ed.isHidden() ) { |
|
|
85 |
return false; |
|
0
|
86 |
} |
|
|
87 |
|
|
5
|
88 |
if ( ed ) { |
|
|
89 |
if ( ! tinymce.Env.iOS ) { |
|
|
90 |
iframe = DOM.get( id + '_ifr' ); |
|
|
91 |
editorHeight = iframe ? parseInt( iframe.style.height, 10 ) : 0; |
|
0
|
92 |
|
|
5
|
93 |
if ( editorHeight ) { |
|
|
94 |
toolbarHeight = getToolbarHeight(); |
|
|
95 |
editorHeight = editorHeight + toolbarHeight - 14; |
|
0
|
96 |
|
|
5
|
97 |
// height cannot be under 50 or over 5000 |
|
|
98 |
if ( editorHeight > 50 && editorHeight < 5000 ) { |
|
|
99 |
txtarea_el.style.height = editorHeight + 'px'; |
|
|
100 |
} |
|
|
101 |
} |
|
|
102 |
} |
|
0
|
103 |
|
|
|
104 |
ed.hide(); |
|
|
105 |
} else { |
|
5
|
106 |
// The TinyMCE instance doesn't exist, run the content through 'pre_wpautop()' and show the textarea |
|
|
107 |
if ( tinyMCEPreInit.mceInit[ id ] && tinyMCEPreInit.mceInit[ id ].wpautop ) { |
|
0
|
108 |
txtarea_el.value = t.pre_wpautop( txtarea_el.value ); |
|
5
|
109 |
} |
|
0
|
110 |
|
|
5
|
111 |
DOM.setStyles( txtarea_el, {'display': '', 'visibility': ''} ); |
|
0
|
112 |
} |
|
|
113 |
|
|
5
|
114 |
DOM.removeClass( wrap_id, 'tmce-active' ); |
|
|
115 |
DOM.addClass( wrap_id, 'html-active' ); |
|
|
116 |
DOM.setAttrib( txtarea_el, 'aria-hidden', false ); |
|
|
117 |
setUserSetting( 'editor', 'html' ); |
|
0
|
118 |
} |
|
|
119 |
return false; |
|
|
120 |
}, |
|
|
121 |
|
|
5
|
122 |
_wp_Nop: function( content ) { |
|
|
123 |
var blocklist1, blocklist2, |
|
|
124 |
preserve_linebreaks = false, |
|
|
125 |
preserve_br = false; |
|
0
|
126 |
|
|
|
127 |
// Protect pre|script tags |
|
5
|
128 |
if ( content.indexOf( '<pre' ) !== -1 || content.indexOf( '<script' ) !== -1 ) { |
|
0
|
129 |
preserve_linebreaks = true; |
|
5
|
130 |
content = content.replace( /<(pre|script)[^>]*>[\s\S]+?<\/\1>/g, function( a ) { |
|
|
131 |
a = a.replace( /<br ?\/?>(\r\n|\n)?/g, '<wp-line-break>' ); |
|
|
132 |
a = a.replace( /<\/?p( [^>]*)?>(\r\n|\n)?/g, '<wp-line-break>' ); |
|
|
133 |
return a.replace( /\r?\n/g, '<wp-line-break>' ); |
|
0
|
134 |
}); |
|
|
135 |
} |
|
|
136 |
|
|
|
137 |
// keep <br> tags inside captions and remove line breaks |
|
5
|
138 |
if ( content.indexOf( '[caption' ) !== -1 ) { |
|
0
|
139 |
preserve_br = true; |
|
5
|
140 |
content = content.replace( /\[caption[\s\S]+?\[\/caption\]/g, function( a ) { |
|
|
141 |
return a.replace( /<br([^>]*)>/g, '<wp-temp-br$1>' ).replace( /[\r\n\t]+/, '' ); |
|
0
|
142 |
}); |
|
|
143 |
} |
|
|
144 |
|
|
|
145 |
// Pretty it up for the source editor |
|
|
146 |
blocklist1 = 'blockquote|ul|ol|li|table|thead|tbody|tfoot|tr|th|td|div|h[1-6]|p|fieldset'; |
|
5
|
147 |
content = content.replace( new RegExp( '\\s*</(' + blocklist1 + ')>\\s*', 'g' ), '</$1>\n' ); |
|
|
148 |
content = content.replace( new RegExp( '\\s*<((?:' + blocklist1 + ')(?: [^>]*)?)>', 'g' ), '\n<$1>' ); |
|
0
|
149 |
|
|
|
150 |
// Mark </p> if it has any attributes. |
|
5
|
151 |
content = content.replace( /(<p [^>]+>.*?)<\/p>/g, '$1</p#>' ); |
|
0
|
152 |
|
|
|
153 |
// Separate <div> containing <p> |
|
5
|
154 |
content = content.replace( /<div( [^>]*)?>\s*<p>/gi, '<div$1>\n\n' ); |
|
0
|
155 |
|
|
|
156 |
// Remove <p> and <br /> |
|
5
|
157 |
content = content.replace( /\s*<p>/gi, '' ); |
|
|
158 |
content = content.replace( /\s*<\/p>\s*/gi, '\n\n' ); |
|
|
159 |
content = content.replace( /\n[\s\u00a0]+\n/g, '\n\n' ); |
|
|
160 |
content = content.replace( /\s*<br ?\/?>\s*/gi, '\n' ); |
|
0
|
161 |
|
|
|
162 |
// Fix some block element newline issues |
|
5
|
163 |
content = content.replace( /\s*<div/g, '\n<div' ); |
|
|
164 |
content = content.replace( /<\/div>\s*/g, '</div>\n' ); |
|
|
165 |
content = content.replace( /\s*\[caption([^\[]+)\[\/caption\]\s*/gi, '\n\n[caption$1[/caption]\n\n' ); |
|
|
166 |
content = content.replace( /caption\]\n\n+\[caption/g, 'caption]\n\n[caption' ); |
|
0
|
167 |
|
|
|
168 |
blocklist2 = 'blockquote|ul|ol|li|table|thead|tbody|tfoot|tr|th|td|h[1-6]|pre|fieldset'; |
|
5
|
169 |
content = content.replace( new RegExp('\\s*<((?:' + blocklist2 + ')(?: [^>]*)?)\\s*>', 'g' ), '\n<$1>' ); |
|
|
170 |
content = content.replace( new RegExp('\\s*</(' + blocklist2 + ')>\\s*', 'g' ), '</$1>\n' ); |
|
|
171 |
content = content.replace( /<li([^>]*)>/g, '\t<li$1>' ); |
|
0
|
172 |
|
|
5
|
173 |
if ( content.indexOf( '<option' ) !== -1 ) { |
|
|
174 |
content = content.replace( /\s*<option/g, '\n<option' ); |
|
|
175 |
content = content.replace( /\s*<\/select>/g, '\n</select>' ); |
|
0
|
176 |
} |
|
|
177 |
|
|
5
|
178 |
if ( content.indexOf( '<hr' ) !== -1 ) { |
|
|
179 |
content = content.replace( /\s*<hr( [^>]*)?>\s*/g, '\n\n<hr$1>\n\n' ); |
|
|
180 |
} |
|
|
181 |
|
|
|
182 |
if ( content.indexOf( '<object' ) !== -1 ) { |
|
|
183 |
content = content.replace( /<object[\s\S]+?<\/object>/g, function( a ) { |
|
|
184 |
return a.replace( /[\r\n]+/g, '' ); |
|
0
|
185 |
}); |
|
|
186 |
} |
|
|
187 |
|
|
|
188 |
// Unmark special paragraph closing tags |
|
5
|
189 |
content = content.replace( /<\/p#>/g, '</p>\n' ); |
|
|
190 |
content = content.replace( /\s*(<p [^>]+>[\s\S]*?<\/p>)/g, '\n$1' ); |
|
0
|
191 |
|
|
|
192 |
// Trim whitespace |
|
5
|
193 |
content = content.replace( /^\s+/, '' ); |
|
|
194 |
content = content.replace( /[\s\u00a0]+$/, '' ); |
|
0
|
195 |
|
|
|
196 |
// put back the line breaks in pre|script |
|
5
|
197 |
if ( preserve_linebreaks ) { |
|
|
198 |
content = content.replace( /<wp-line-break>/g, '\n' ); |
|
|
199 |
} |
|
0
|
200 |
|
|
|
201 |
// and the <br> tags in captions |
|
5
|
202 |
if ( preserve_br ) { |
|
|
203 |
content = content.replace( /<wp-temp-br([^>]*)>/g, '<br$1>' ); |
|
|
204 |
} |
|
0
|
205 |
|
|
|
206 |
return content; |
|
|
207 |
}, |
|
|
208 |
|
|
5
|
209 |
_wp_Autop: function(pee) { |
|
|
210 |
var preserve_linebreaks = false, |
|
|
211 |
preserve_br = false, |
|
|
212 |
blocklist = 'table|thead|tfoot|caption|col|colgroup|tbody|tr|td|th|div|dl|dd|dt|ul|ol|li|pre' + |
|
|
213 |
'|form|map|area|blockquote|address|math|style|p|h[1-6]|hr|fieldset|legend|section' + |
|
|
214 |
'|article|aside|hgroup|header|footer|nav|figure|figcaption|details|menu|summary'; |
|
0
|
215 |
|
|
5
|
216 |
if ( pee.indexOf( '<object' ) !== -1 ) { |
|
|
217 |
pee = pee.replace( /<object[\s\S]+?<\/object>/g, function( a ) { |
|
|
218 |
return a.replace( /[\r\n]+/g, '' ); |
|
0
|
219 |
}); |
|
|
220 |
} |
|
|
221 |
|
|
5
|
222 |
pee = pee.replace( /<[^<>]+>/g, function( a ){ |
|
|
223 |
return a.replace( /[\r\n]+/g, ' ' ); |
|
0
|
224 |
}); |
|
|
225 |
|
|
|
226 |
// Protect pre|script tags |
|
5
|
227 |
if ( pee.indexOf( '<pre' ) !== -1 || pee.indexOf( '<script' ) !== -1 ) { |
|
0
|
228 |
preserve_linebreaks = true; |
|
5
|
229 |
pee = pee.replace( /<(pre|script)[^>]*>[\s\S]+?<\/\1>/g, function( a ) { |
|
|
230 |
return a.replace( /(\r\n|\n)/g, '<wp-line-break>' ); |
|
0
|
231 |
}); |
|
|
232 |
} |
|
|
233 |
|
|
|
234 |
// keep <br> tags inside captions and convert line breaks |
|
5
|
235 |
if ( pee.indexOf( '[caption' ) !== -1 ) { |
|
0
|
236 |
preserve_br = true; |
|
5
|
237 |
pee = pee.replace( /\[caption[\s\S]+?\[\/caption\]/g, function( a ) { |
|
0
|
238 |
// keep existing <br> |
|
5
|
239 |
a = a.replace( /<br([^>]*)>/g, '<wp-temp-br$1>' ); |
|
0
|
240 |
// no line breaks inside HTML tags |
|
5
|
241 |
a = a.replace( /<[a-zA-Z0-9]+( [^<>]+)?>/g, function( b ) { |
|
|
242 |
return b.replace( /[\r\n\t]+/, ' ' ); |
|
0
|
243 |
}); |
|
|
244 |
// convert remaining line breaks to <br> |
|
5
|
245 |
return a.replace( /\s*\n\s*/g, '<wp-temp-br />' ); |
|
0
|
246 |
}); |
|
|
247 |
} |
|
|
248 |
|
|
|
249 |
pee = pee + '\n\n'; |
|
5
|
250 |
pee = pee.replace( /<br \/>\s*<br \/>/gi, '\n\n' ); |
|
|
251 |
pee = pee.replace( new RegExp( '(<(?:' + blocklist + ')(?: [^>]*)?>)', 'gi' ), '\n$1' ); |
|
|
252 |
pee = pee.replace( new RegExp( '(</(?:' + blocklist + ')>)', 'gi' ), '$1\n\n' ); |
|
|
253 |
pee = pee.replace( /<hr( [^>]*)?>/gi, '<hr$1>\n\n' ); // hr is self closing block element |
|
|
254 |
pee = pee.replace( /\s*<option/gi, '<option' ); // No <p> or <br> around <option> |
|
|
255 |
pee = pee.replace( /<\/option>\s*/gi, '</option>' ); |
|
|
256 |
pee = pee.replace( /\r\n|\r/g, '\n' ); |
|
|
257 |
pee = pee.replace( /\n\s*\n+/g, '\n\n' ); |
|
|
258 |
pee = pee.replace( /([\s\S]+?)\n\n/g, '<p>$1</p>\n' ); |
|
|
259 |
pee = pee.replace( /<p>\s*?<\/p>/gi, ''); |
|
|
260 |
pee = pee.replace( new RegExp( '<p>\\s*(</?(?:' + blocklist + ')(?: [^>]*)?>)\\s*</p>', 'gi' ), '$1' ); |
|
|
261 |
pee = pee.replace( /<p>(<li.+?)<\/p>/gi, '$1'); |
|
|
262 |
pee = pee.replace( /<p>\s*<blockquote([^>]*)>/gi, '<blockquote$1><p>'); |
|
|
263 |
pee = pee.replace( /<\/blockquote>\s*<\/p>/gi, '</p></blockquote>'); |
|
|
264 |
pee = pee.replace( new RegExp( '<p>\\s*(</?(?:' + blocklist + ')(?: [^>]*)?>)', 'gi' ), '$1' ); |
|
|
265 |
pee = pee.replace( new RegExp( '(</?(?:' + blocklist + ')(?: [^>]*)?>)\\s*</p>', 'gi' ), '$1' ); |
|
|
266 |
pee = pee.replace( /\s*\n/gi, '<br />\n'); |
|
|
267 |
pee = pee.replace( new RegExp( '(</?(?:' + blocklist + ')[^>]*>)\\s*<br />', 'gi' ), '$1' ); |
|
|
268 |
pee = pee.replace( /<br \/>(\s*<\/?(?:p|li|div|dl|dd|dt|th|pre|td|ul|ol)>)/gi, '$1' ); |
|
|
269 |
pee = pee.replace( /(?:<p>|<br ?\/?>)*\s*\[caption([^\[]+)\[\/caption\]\s*(?:<\/p>|<br ?\/?>)*/gi, '[caption$1[/caption]' ); |
|
0
|
270 |
|
|
5
|
271 |
pee = pee.replace( /(<(?:div|th|td|form|fieldset|dd)[^>]*>)(.*?)<\/p>/g, function( a, b, c ) { |
|
|
272 |
if ( c.match( /<p( [^>]*)?>/ ) ) { |
|
0
|
273 |
return a; |
|
5
|
274 |
} |
|
0
|
275 |
|
|
|
276 |
return b + '<p>' + c + '</p>'; |
|
|
277 |
}); |
|
|
278 |
|
|
|
279 |
// put back the line breaks in pre|script |
|
5
|
280 |
if ( preserve_linebreaks ) { |
|
|
281 |
pee = pee.replace( /<wp-line-break>/g, '\n' ); |
|
|
282 |
} |
|
0
|
283 |
|
|
5
|
284 |
if ( preserve_br ) { |
|
|
285 |
pee = pee.replace( /<wp-temp-br([^>]*)>/g, '<br$1>' ); |
|
|
286 |
} |
|
0
|
287 |
|
|
|
288 |
return pee; |
|
|
289 |
}, |
|
|
290 |
|
|
5
|
291 |
pre_wpautop: function( content ) { |
|
0
|
292 |
var t = this, o = { o: t, data: content, unfiltered: content }, |
|
5
|
293 |
q = typeof( jQuery ) !== 'undefined'; |
|
0
|
294 |
|
|
5
|
295 |
if ( q ) { |
|
|
296 |
jQuery( 'body' ).trigger( 'beforePreWpautop', [ o ] ); |
|
|
297 |
} |
|
|
298 |
|
|
|
299 |
o.data = t._wp_Nop( o.data ); |
|
|
300 |
|
|
|
301 |
if ( q ) { |
|
|
302 |
jQuery('body').trigger('afterPreWpautop', [ o ] ); |
|
|
303 |
} |
|
0
|
304 |
|
|
|
305 |
return o.data; |
|
|
306 |
}, |
|
|
307 |
|
|
5
|
308 |
wpautop: function( pee ) { |
|
0
|
309 |
var t = this, o = { o: t, data: pee, unfiltered: pee }, |
|
5
|
310 |
q = typeof( jQuery ) !== 'undefined'; |
|
0
|
311 |
|
|
5
|
312 |
if ( q ) { |
|
|
313 |
jQuery( 'body' ).trigger('beforeWpautop', [ o ] ); |
|
|
314 |
} |
|
|
315 |
|
|
|
316 |
o.data = t._wp_Autop( o.data ); |
|
|
317 |
|
|
|
318 |
if ( q ) { |
|
|
319 |
jQuery( 'body' ).trigger('afterWpautop', [ o ] ); |
|
|
320 |
} |
|
0
|
321 |
|
|
|
322 |
return o.data; |
|
|
323 |
} |
|
5
|
324 |
}; |