2 * $Id: editor_plugin_src.js 1037 2009-03-02 16:41:15Z spocke $
\r
5 * @copyright Copyright © 2004-2008, Moxiecode Systems AB, All rights reserved.
\r
9 var each = tinymce.each;
\r
11 tinymce.create('tinymce.plugins.MediaPlugin', {
\r
12 init : function(ed, url) {
\r
18 function isMediaElm(n) {
\r
19 return /^(mceItemFlash|mceItemShockWave|mceItemWindowsMedia|mceItemQuickTime|mceItemRealMedia)$/.test(n.className);
\r
22 ed.onPreInit.add(function() {
\r
23 // Force in _value parameter this extra parameter is required for older Opera versions
\r
24 ed.serializer.addRules('param[name|value|_mce_value]');
\r
27 // Register commands
\r
28 ed.addCommand('mceMedia', function() {
\r
29 ed.windowManager.open({
\r
30 file : url + '/media.htm',
\r
31 width : 430 + parseInt(ed.getLang('media.delta_width', 0)),
\r
32 height : 470 + parseInt(ed.getLang('media.delta_height', 0)),
\r
40 ed.addButton('media', {title : 'media.desc', cmd : 'mceMedia'});
\r
42 ed.onNodeChange.add(function(ed, cm, n) {
\r
43 cm.setActive('media', n.nodeName == 'IMG' && isMediaElm(n));
\r
46 ed.onInit.add(function() {
\r
48 mceItemFlash : 'flash',
\r
49 mceItemShockWave : 'shockwave',
\r
50 mceItemWindowsMedia : 'windowsmedia',
\r
51 mceItemQuickTime : 'quicktime',
\r
52 mceItemRealMedia : 'realmedia'
\r
55 ed.selection.onSetContent.add(function() {
\r
56 t._spansToImgs(ed.getBody());
\r
59 ed.selection.onBeforeSetContent.add(t._objectsToSpans, t);
\r
61 if (ed.settings.content_css !== false)
\r
62 ed.dom.loadCSS(url + "/css/content.css");
\r
64 if (ed.theme.onResolveName) {
\r
65 ed.theme.onResolveName.add(function(th, o) {
\r
66 if (o.name == 'img') {
\r
67 each(lo, function(v, k) {
\r
68 if (ed.dom.hasClass(o.node, k)) {
\r
70 o.title = ed.dom.getAttrib(o.node, 'title');
\r
78 if (ed && ed.plugins.contextmenu) {
\r
79 ed.plugins.contextmenu.onContextMenu.add(function(th, m, e) {
\r
80 if (e.nodeName == 'IMG' && /mceItem(Flash|ShockWave|WindowsMedia|QuickTime|RealMedia)/.test(e.className)) {
\r
81 m.add({title : 'media.edit', icon : 'media', cmd : 'mceMedia'});
\r
87 ed.onBeforeSetContent.add(t._objectsToSpans, t);
\r
89 ed.onSetContent.add(function() {
\r
90 t._spansToImgs(ed.getBody());
\r
93 ed.onPreProcess.add(function(ed, o) {
\r
97 t._spansToImgs(o.node);
\r
99 each(dom.select('IMG', o.node), function(n) {
\r
102 if (isMediaElm(n)) {
\r
103 p = t._parse(n.title);
\r
104 dom.setAttrib(n, 'width', dom.getAttrib(n, 'width', p.width || 100));
\r
105 dom.setAttrib(n, 'height', dom.getAttrib(n, 'height', p.height || 100));
\r
111 each(dom.select('IMG', o.node), function(n) {
\r
114 if (ed.getParam('media_use_script')) {
\r
116 n.className = n.className.replace(/mceItem/g, 'mceTemp');
\r
121 switch (n.className) {
\r
122 case 'mceItemFlash':
\r
123 ci = 'd27cdb6e-ae6d-11cf-96b8-444553540000';
\r
124 cb = 'http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0';
\r
125 mt = 'application/x-shockwave-flash';
\r
128 case 'mceItemShockWave':
\r
129 ci = '166b1bca-3f9c-11cf-8075-444553540000';
\r
130 cb = 'http://download.macromedia.com/pub/shockwave/cabs/director/sw.cab#version=8,5,1,0';
\r
131 mt = 'application/x-director';
\r
134 case 'mceItemWindowsMedia':
\r
135 ci = ed.getParam('media_wmp6_compatible') ? '05589fa1-c356-11ce-bf01-00aa0055595a' : '6bf52a52-394a-11d3-b153-00c04f79faa6';
\r
136 cb = 'http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=5,1,52,701';
\r
137 mt = 'application/x-mplayer2';
\r
140 case 'mceItemQuickTime':
\r
141 ci = '02bf25d5-8c17-4b23-bc80-d3488abddc6b';
\r
142 cb = 'http://www.apple.com/qtactivex/qtplugin.cab#version=6,0,2,0';
\r
143 mt = 'video/quicktime';
\r
146 case 'mceItemRealMedia':
\r
147 ci = 'cfcdaa03-8be4-11cf-b84b-0020afbbccfa';
\r
148 cb = 'http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0';
\r
149 mt = 'audio/x-pn-realaudio-plugin';
\r
154 dom.replace(t._buildObj({
\r
164 ed.onPostProcess.add(function(ed, o) {
\r
165 o.content = o.content.replace(/_mce_value=/g, 'value=');
\r
168 function getAttr(s, n) {
\r
169 n = new RegExp(n + '=\"([^\"]+)\"', 'g').exec(s);
\r
171 return n ? ed.dom.decode(n[1]) : '';
\r
174 ed.onPostProcess.add(function(ed, o) {
\r
175 if (ed.getParam('media_use_script')) {
\r
176 o.content = o.content.replace(/<img[^>]+>/g, function(im) {
\r
177 var cl = getAttr(im, 'class');
\r
179 if (/^(mceTempFlash|mceTempShockWave|mceTempWindowsMedia|mceTempQuickTime|mceTempRealMedia)$/.test(cl)) {
\r
180 at = t._parse(getAttr(im, 'title'));
\r
181 at.width = getAttr(im, 'width');
\r
182 at.height = getAttr(im, 'height');
\r
183 im = '<script type="text/javascript">write' + cl.substring(7) + '({' + t._serialize(at) + '});</script>';
\r
192 getInfo : function() {
\r
194 longname : 'Media',
\r
195 author : 'Moxiecode Systems AB',
\r
196 authorurl : 'http://tinymce.moxiecode.com',
\r
197 infourl : 'http://wiki.moxiecode.com/index.php/TinyMCE:Plugins/media',
\r
198 version : tinymce.majorVersion + "." + tinymce.minorVersion
\r
203 _objectsToSpans : function(ed, o) {
\r
204 var t = this, h = o.content;
\r
206 h = h.replace(/<script[^>]*>\s*write(Flash|ShockWave|WindowsMedia|QuickTime|RealMedia)\(\{([^\)]*)\}\);\s*<\/script>/gi, function(a, b, c) {
\r
207 var o = t._parse(c);
\r
209 return '<img class="mceItem' + b + '" title="' + ed.dom.encode(c) + '" src="' + t.url + '/img/trans.gif" width="' + o.width + '" height="' + o.height + '" />'
\r
212 h = h.replace(/<object([^>]*)>/gi, '<span class="mceItemObject" $1>');
\r
213 h = h.replace(/<embed([^>]*)\/?>/gi, '<span class="mceItemEmbed" $1></span>');
\r
214 h = h.replace(/<embed([^>]*)>/gi, '<span class="mceItemEmbed" $1>');
\r
215 h = h.replace(/<\/(object)([^>]*)>/gi, '</span>');
\r
216 h = h.replace(/<\/embed>/gi, '');
\r
217 h = h.replace(/<param([^>]*)>/gi, function(a, b) {return '<span ' + b.replace(/value=/gi, '_mce_value=') + ' class="mceItemParam"></span>'});
\r
218 h = h.replace(/\/ class=\"mceItemParam\"><\/span>/gi, 'class="mceItemParam"></span>');
\r
223 _buildObj : function(o, n) {
\r
224 var ob, ed = this.editor, dom = ed.dom, p = this._parse(n.title), stc;
\r
226 stc = ed.getParam('media_strict', true) && o.type == 'application/x-shockwave-flash';
\r
228 p.width = o.width = dom.getAttrib(n, 'width') || 100;
\r
229 p.height = o.height = dom.getAttrib(n, 'height') || 100;
\r
232 p.src = ed.convertURL(p.src, 'src', n);
\r
235 ob = dom.create('span', {
\r
237 mce_name : 'object',
\r
238 type : 'application/x-shockwave-flash',
\r
240 style : dom.getAttrib(n, 'style'),
\r
245 ob = dom.create('span', {
\r
247 mce_name : 'object',
\r
248 classid : "clsid:" + o.classid,
\r
249 style : dom.getAttrib(n, 'style'),
\r
250 codebase : o.codebase,
\r
256 each (p, function(v, k) {
\r
257 if (!/^(width|height|codebase|classid|id|_cx|_cy)$/.test(k)) {
\r
258 // Use url instead of src in IE for Windows media
\r
259 if (o.type == 'application/x-mplayer2' && k == 'src' && !p.url)
\r
263 dom.add(ob, 'span', {mce_name : 'param', name : k, '_mce_value' : v});
\r
268 dom.add(ob, 'span', tinymce.extend({mce_name : 'embed', type : o.type, style : dom.getAttrib(n, 'style')}, p));
\r
273 _spansToImgs : function(p) {
\r
274 var t = this, dom = t.editor.dom, im, ci;
\r
276 each(dom.select('span', p), function(n) {
\r
277 // Convert object into image
\r
278 if (dom.getAttrib(n, 'class') == 'mceItemObject') {
\r
279 ci = dom.getAttrib(n, "classid").toLowerCase().replace(/\s+/g, '');
\r
282 case 'clsid:d27cdb6e-ae6d-11cf-96b8-444553540000':
\r
283 dom.replace(t._createImg('mceItemFlash', n), n);
\r
286 case 'clsid:166b1bca-3f9c-11cf-8075-444553540000':
\r
287 dom.replace(t._createImg('mceItemShockWave', n), n);
\r
290 case 'clsid:6bf52a52-394a-11d3-b153-00c04f79faa6':
\r
291 case 'clsid:22d6f312-b0f6-11d0-94ab-0080c74c7e95':
\r
292 case 'clsid:05589fa1-c356-11ce-bf01-00aa0055595a':
\r
293 dom.replace(t._createImg('mceItemWindowsMedia', n), n);
\r
296 case 'clsid:02bf25d5-8c17-4b23-bc80-d3488abddc6b':
\r
297 dom.replace(t._createImg('mceItemQuickTime', n), n);
\r
300 case 'clsid:cfcdaa03-8be4-11cf-b84b-0020afbbccfa':
\r
301 dom.replace(t._createImg('mceItemRealMedia', n), n);
\r
305 dom.replace(t._createImg('mceItemFlash', n), n);
\r
311 // Convert embed into image
\r
312 if (dom.getAttrib(n, 'class') == 'mceItemEmbed') {
\r
313 switch (dom.getAttrib(n, 'type')) {
\r
314 case 'application/x-shockwave-flash':
\r
315 dom.replace(t._createImg('mceItemFlash', n), n);
\r
318 case 'application/x-director':
\r
319 dom.replace(t._createImg('mceItemShockWave', n), n);
\r
322 case 'application/x-mplayer2':
\r
323 dom.replace(t._createImg('mceItemWindowsMedia', n), n);
\r
326 case 'video/quicktime':
\r
327 dom.replace(t._createImg('mceItemQuickTime', n), n);
\r
330 case 'audio/x-pn-realaudio-plugin':
\r
331 dom.replace(t._createImg('mceItemRealMedia', n), n);
\r
335 dom.replace(t._createImg('mceItemFlash', n), n);
\r
341 _createImg : function(cl, n) {
\r
342 var im, dom = this.editor.dom, pa = {}, ti = '', args;
\r
344 args = ['id', 'name', 'width', 'height', 'bgcolor', 'align', 'flashvars', 'src', 'wmode', 'allowfullscreen', 'quality'];
\r
347 im = dom.create('img', {
\r
348 src : this.url + '/img/trans.gif',
\r
349 width : dom.getAttrib(n, 'width') || 100,
\r
350 height : dom.getAttrib(n, 'height') || 100,
\r
351 style : dom.getAttrib(n, 'style'),
\r
355 // Setup base parameters
\r
356 each(args, function(na) {
\r
357 var v = dom.getAttrib(n, na);
\r
363 // Add optional parameters
\r
364 each(dom.select('span', n), function(n) {
\r
365 if (dom.hasClass(n, 'mceItemParam'))
\r
366 pa[dom.getAttrib(n, 'name')] = dom.getAttrib(n, '_mce_value');
\r
369 // Use src not movie
\r
375 // Merge with embed args
\r
376 n = dom.select('.mceItemEmbed', n)[0];
\r
378 each(args, function(na) {
\r
379 var v = dom.getAttrib(n, na);
\r
389 im.title = this._serialize(pa);
\r
394 _parse : function(s) {
\r
395 return tinymce.util.JSON.parse('{' + s + '}');
\r
398 _serialize : function(o) {
\r
399 return tinymce.util.JSON.serialize(o).replace(/[{}]/g, '');
\r
404 tinymce.PluginManager.add('media', tinymce.plugins.MediaPlugin);
\r