/static/scripts/tiny_mce/plugins/media/editor_plugin_src.js

http://n23.googlecode.com/ · JavaScript · 359 lines · 269 code · 73 blank · 17 comment · 42 complexity · 76c2c952864a2f02adfe37f6d0058085 MD5 · raw file 

    

  1. /**

    2. 

  2.  * $Id: editor_plugin_src.js 763 2008-04-03 13:25:45Z spocke $

    3. 

  3.  *

    4. 

  4.  * @author Moxiecode

    5. 

  5.  * @copyright Copyright Š 2004-2008, Moxiecode Systems AB, All rights reserved.

    6. 

  6.  */

    7. 

  7. 

    8. 

  8. (function() {

    9. 

  9. 	var each = tinymce.each;

    10. 

  10. 

    11. 

  11. 	tinymce.create('tinymce.plugins.MediaPlugin', {

    12. 

  12. 		init : function(ed, url) {

    13. 

  13. 			var t = this;

    14. 

  14. 			

    15. 

  15. 			t.editor = ed;

    16. 

  16. 			t.url = url;

    17. 

  17. 

    18. 

  18. 			function isMediaElm(n) {

    19. 

  19. 				return /^(mceItemFlash|mceItemShockWave|mceItemWindowsMedia|mceItemQuickTime|mceItemRealMedia)$/.test(n.className);

    20. 

  20. 			};

    21. 

  21. 

    22. 

  22. 			// Register commands

    23. 

  23. 			ed.addCommand('mceMedia', function() {

    24. 

  24. 				ed.windowManager.open({

    25. 

  25. 					file : url + '/media.htm',

    26. 

  26. 					width : 430 + parseInt(ed.getLang('media.delta_width', 0)),

    27. 

  27. 					height : 470 + parseInt(ed.getLang('media.delta_height', 0)),

    28. 

  28. 					inline : 1

    29. 

  29. 				}, {

    30. 

  30. 					plugin_url : url

    31. 

  31. 				});

    32. 

  32. 			});

    33. 

  33. 

    34. 

  34. 			// Register buttons

    35. 

  35. 			ed.addButton('media', {title : 'media.desc', cmd : 'mceMedia'});

    36. 

  36. 

    37. 

  37. 			ed.onNodeChange.add(function(ed, cm, n) {

    38. 

  38. 				cm.setActive('media', n.nodeName == 'IMG' && isMediaElm(n));

    39. 

  39. 			});

    40. 

  40. 

    41. 

  41. 			ed.onInit.add(function() {

    42. 

  42. 				var lo = {

    43. 

  43. 					mceItemFlash : 'flash',

    44. 

  44. 					mceItemShockWave : 'shockwave',

    45. 

  45. 					mceItemWindowsMedia : 'windowsmedia',

    46. 

  46. 					mceItemQuickTime : 'quicktime',

    47. 

  47. 					mceItemRealMedia : 'realmedia'

    48. 

  48. 				};

    49. 

  49. 

    50. 

  50. 				if (ed.settings.content_css !== false)

    51. 

  51. 					ed.dom.loadCSS(url + "/css/content.css");

    52. 

  52. 

    53. 

  53. 				if (ed.theme.onResolveName) {

    54. 

  54. 					ed.theme.onResolveName.add(function(th, o) {

    55. 

  55. 						if (o.name == 'img') {

    56. 

  56. 							each(lo, function(v, k) {

    57. 

  57. 								if (ed.dom.hasClass(o.node, k)) {

    58. 

  58. 									o.name = v;

    59. 

  59. 									o.title = ed.dom.getAttrib(o.node, 'title');

    60. 

  60. 									return false;

    61. 

  61. 								}

    62. 

  62. 							});

    63. 

  63. 						}

    64. 

  64. 					});

    65. 

  65. 				}

    66. 

  66. 

    67. 

  67. 				if (ed && ed.plugins.contextmenu) {

    68. 

  68. 					ed.plugins.contextmenu.onContextMenu.add(function(th, m, e) {

    69. 

  69. 						if (e.nodeName == 'IMG' && /mceItem(Flash|ShockWave|WindowsMedia|QuickTime|RealMedia)/.test(e.className)) {

    70. 

  70. 							m.add({title : 'media.edit', icon : 'media', cmd : 'mceMedia'});

    71. 

  71. 						}

    72. 

  72. 					});

    73. 

  73. 				}

    74. 

  74. 			});

    75. 

  75. 

    76. 

  76. 			ed.onBeforeSetContent.add(function(ed, o) {

    77. 

  77. 				var h = o.content;

    78. 

  78. 

    79. 

  79. 				h = h.replace(/<script[^>]*>\s*write(Flash|ShockWave|WindowsMedia|QuickTime|RealMedia)\(\{([^\)]*)\}\);\s*<\/script>/gi, function(a, b, c) {

    80. 

  80. 					var o = t._parse(c);

    81. 

  81. 

    82. 

  82. 					return '<img class="mceItem' + b + '" title="' + ed.dom.encode(c) + '" src="' + url + '/img/trans.gif" width="' + o.width + '" height="' + o.height + '" />'

    83. 

  83. 				});

    84. 

  84. 

    85. 

  85. 				h = h.replace(/<object([^>]*)>/gi, '<span class="mceItemObject" $1>');

    86. 

  86. 				h = h.replace(/<embed([^>]*)>/gi, '<span class="mceItemEmbed" $1>');

    87. 

  87. 				h = h.replace(/<\/(object|embed)([^>]*)>/gi, '</span>');

    88. 

  88. 				h = h.replace(/<param([^>]*)>/gi, function(a, b) {return '<span ' + b.replace(/value=/gi, '_value=') + ' class="mceItemParam"></span>'});

    89. 

  89. 				h = h.replace(/\/ class=\"mceItemParam\"><\/span>/gi, 'class="mceItemParam"></span>');

    90. 

  90. 

    91. 

  91. 				o.content = h;

    92. 

  92. 			});

    93. 

  93. 

    94. 

  94. 			ed.onSetContent.add(function() {

    95. 

  95. 				t._spansToImgs(ed.getBody());

    96. 

  96. 			});

    97. 

  97. 

    98. 

  98. 			ed.onPreProcess.add(function(ed, o) {

    99. 

  99. 				var dom = ed.dom;

    100. 

  100. 

    101. 

  101. 				if (o.set) {

    102. 

  102. 					t._spansToImgs(o.node);

    103. 

  103. 

    104. 

  104. 					each(dom.select('IMG', o.node), function(n) {

    105. 

  105. 						var p;

    106. 

  106. 

    107. 

  107. 						if (isMediaElm(n)) {

    108. 

  108. 							p = t._parse(n.title);

    109. 

  109. 							dom.setAttrib(n, 'width', dom.getAttrib(n, 'width', p.width || 100));

    110. 

  110. 							dom.setAttrib(n, 'height', dom.getAttrib(n, 'height', p.height || 100));

    111. 

  111. 						}

    112. 

  112. 					});

    113. 

  113. 				}

    114. 

  114. 

    115. 

  115. 				if (o.get) {

    116. 

  116. 					each(dom.select('IMG', o.node), function(n) {

    117. 

  117. 						var ci, cb, mt;

    118. 

  118. 

    119. 

  119. 						if (ed.getParam('media_use_script')) {

    120. 

  120. 							if (isMediaElm(n))

    121. 

  121. 								n.className = n.className.replace(/mceItem/g, 'mceTemp');

    122. 

  122. 

    123. 

  123. 							return;

    124. 

  124. 						}

    125. 

  125. 

    126. 

  126. 						switch (n.className) {

    127. 

  127. 							case 'mceItemFlash':

    128. 

  128. 								ci = 'd27cdb6e-ae6d-11cf-96b8-444553540000';

    129. 

  129. 								cb = 'http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0';

    130. 

  130. 								mt = 'application/x-shockwave-flash';

    131. 

  131. 								break;

    132. 

  132. 

    133. 

  133. 							case 'mceItemShockWave':

    134. 

  134. 								ci = '166b1bca-3f9c-11cf-8075-444553540000';

    135. 

  135. 								cb = 'http://download.macromedia.com/pub/shockwave/cabs/director/sw.cab#version=8,5,1,0';

    136. 

  136. 								mt = 'application/x-director';

    137. 

  137. 								break;

    138. 

  138. 

    139. 

  139. 							case 'mceItemWindowsMedia':

    140. 

  140. 								ci = ed.getParam('media_wmp6_compatible') ? '05589fa1-c356-11ce-bf01-00aa0055595a' : '6bf52a52-394a-11d3-b153-00c04f79faa6';

    141. 

  141. 								cb = 'http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=5,1,52,701';

    142. 

  142. 								mt = 'application/x-mplayer2';

    143. 

  143. 								break;

    144. 

  144. 

    145. 

  145. 							case 'mceItemQuickTime':

    146. 

  146. 								ci = '02bf25d5-8c17-4b23-bc80-d3488abddc6b';

    147. 

  147. 								cb = 'http://www.apple.com/qtactivex/qtplugin.cab#version=6,0,2,0';

    148. 

  148. 								mt = 'video/quicktime';

    149. 

  149. 								break;

    150. 

  150. 

    151. 

  151. 							case 'mceItemRealMedia':

    152. 

  152. 								ci = 'cfcdaa03-8be4-11cf-b84b-0020afbbccfa';

    153. 

  153. 								cb = 'http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0';

    154. 

  154. 								mt = 'audio/x-pn-realaudio-plugin';

    155. 

  155. 								break;

    156. 

  156. 						}

    157. 

  157. 

    158. 

  158. 						if (ci) {

    159. 

  159. 							dom.replace(t._buildObj({

    160. 

  160. 								classid : ci,

    161. 

  161. 								codebase : cb,

    162. 

  162. 								type : mt

    163. 

  163. 							}, n), n);

    164. 

  164. 						}

    165. 

  165. 					});

    166. 

  166. 				}

    167. 

  167. 			});

    168. 

  168. 

    169. 

  169. 			ed.onPostProcess.add(function(ed, o) {

    170. 

  170. 				o.content = o.content.replace(/_value=/g, 'value=');

    171. 

  171. 			});

    172. 

  172. 

    173. 

  173. 			if (ed.getParam('media_use_script')) {

    174. 

  174. 				function getAttr(s, n) {

    175. 

  175. 					n = new RegExp(n + '=\"([^\"]+)\"', 'g').exec(s);

    176. 

  176. 

    177. 

  177. 					return n ? ed.dom.decode(n[1]) : '';

    178. 

  178. 				};

    179. 

  179. 

    180. 

  180. 				ed.onPostProcess.add(function(ed, o) {

    181. 

  181. 					o.content = o.content.replace(/<img[^>]+>/g, function(im) {

    182. 

  182. 						var cl = getAttr(im, 'class');

    183. 

  183. 

    184. 

  184. 						if (/^(mceTempFlash|mceTempShockWave|mceTempWindowsMedia|mceTempQuickTime|mceTempRealMedia)$/.test(cl)) {

    185. 

  185. 							at = t._parse(getAttr(im, 'title'));

    186. 

  186. 							at.width = getAttr(im, 'width');

    187. 

  187. 							at.height = getAttr(im, 'height');

    188. 

  188. 							im = '<script type="text/javascript">write' + cl.substring(7) + '({' + t._serialize(at) + '});</script>';

    189. 

  189. 						}

    190. 

  190. 

    191. 

  191. 						return im;

    192. 

  192. 					});

    193. 

  193. 				});

    194. 

  194. 			}

    195. 

  195. 		},

    196. 

  196. 

    197. 

  197. 		getInfo : function() {

    198. 

  198. 			return {

    199. 

  199. 				longname : 'Media',

    200. 

  200. 				author : 'Moxiecode Systems AB',

    201. 

  201. 				authorurl : 'http://tinymce.moxiecode.com',

    202. 

  202. 				infourl : 'http://wiki.moxiecode.com/index.php/TinyMCE:Plugins/media',

    203. 

  203. 				version : tinymce.majorVersion + "." + tinymce.minorVersion

    204. 

  204. 			};

    205. 

  205. 		},

    206. 

  206. 

    207. 

  207. 		// Private methods

    208. 

  208. 

    209. 

  209. 		_buildObj : function(o, n) {

    210. 

  210. 			var ob, ed = this.editor, dom = ed.dom, p = this._parse(n.title);

    211. 

  211. 

    212. 

  212. 			p.width = o.width = dom.getAttrib(n, 'width') || 100;

    213. 

  213. 			p.height = o.height = dom.getAttrib(n, 'height') || 100;

    214. 

  214. 

    215. 

  215. 			ob = dom.create('span', {

    216. 

  216. 				mce_name : 'object',

    217. 

  217. 				classid : "clsid:" + o.classid,

    218. 

  218. 				codebase : o.codebase,

    219. 

  219. 				width : o.width,

    220. 

  220. 				height : o.height

    221. 

  221. 			});

    222. 

  222. 

    223. 

  223. 			if (p.src)

    224. 

  224. 				p.src = ed.convertURL(p.src, 'src', n);

    225. 

  225. 

    226. 

  226. 			each (p, function(v, k) {

    227. 

  227. 				if (!/^(width|height|codebase|classid)$/.test(k)) {

    228. 

  228. 					// Use url instead of src in IE for Windows media

    229. 

  229. 					if (o.type == 'application/x-mplayer2' && k == 'src')

    230. 

  230. 						k = 'url';

    231. 

  231. 

    232. 

  232. 					dom.add(ob, 'span', {mce_name : 'param', name : k, '_value' : v});

    233. 

  233. 				}

    234. 

  234. 			});

    235. 

  235. 

    236. 

  236. 			dom.add(ob, 'span', tinymce.extend({mce_name : 'embed', type : o.type}, p));

    237. 

  237. 

    238. 

  238. 			return ob;

    239. 

  239. 		},

    240. 

  240. 

    241. 

  241. 		_spansToImgs : function(p) {

    242. 

  242. 			var t = this, dom = t.editor.dom, im, ci;

    243. 

  243. 

    244. 

  244. 			each(dom.select('span', p), function(n) {

    245. 

  245. 				// Convert object into image

    246. 

  246. 				if (dom.getAttrib(n, 'class') == 'mceItemObject') {

    247. 

  247. 					ci = dom.getAttrib(n, "classid").toLowerCase().replace(/\s+/g, '');

    248. 

  248. 

    249. 

  249. 					switch (ci) {

    250. 

  250. 						case 'clsid:d27cdb6e-ae6d-11cf-96b8-444553540000':

    251. 

  251. 							dom.replace(t._createImg('mceItemFlash', n), n);

    252. 

  252. 							break;

    253. 

  253. 

    254. 

  254. 						case 'clsid:166b1bca-3f9c-11cf-8075-444553540000':

    255. 

  255. 							dom.replace(t._createImg('mceItemShockWave', n), n);

    256. 

  256. 							break;

    257. 

  257. 

    258. 

  258. 						case 'clsid:6bf52a52-394a-11d3-b153-00c04f79faa6':

    259. 

  259. 						case 'clsid:22d6f312-b0f6-11d0-94ab-0080c74c7e95':

    260. 

  260. 						case 'clsid:05589fa1-c356-11ce-bf01-00aa0055595a':

    261. 

  261. 							dom.replace(t._createImg('mceItemWindowsMedia', n), n);

    262. 

  262. 							break;

    263. 

  263. 

    264. 

  264. 						case 'clsid:02bf25d5-8c17-4b23-bc80-d3488abddc6b':

    265. 

  265. 							dom.replace(t._createImg('mceItemQuickTime', n), n);

    266. 

  266. 							break;

    267. 

  267. 

    268. 

  268. 						case 'clsid:cfcdaa03-8be4-11cf-b84b-0020afbbccfa':

    269. 

  269. 							dom.replace(t._createImg('mceItemRealMedia', n), n);

    270. 

  270. 							break;

    271. 

  271. 

    272. 

  272. 						default:

    273. 

  273. 							dom.replace(t._createImg('mceItemFlash', n), n);

    274. 

  274. 					}

    275. 

  275. 					

    276. 

  276. 					return;

    277. 

  277. 				}

    278. 

  278. 

    279. 

  279. 				// Convert embed into image

    280. 

  280. 				if (dom.getAttrib(n, 'class') == 'mceItemEmbed') {

    281. 

  281. 					switch (dom.getAttrib(n, 'type')) {

    282. 

  282. 						case 'application/x-shockwave-flash':

    283. 

  283. 							dom.replace(t._createImg('mceItemFlash', n), n);

    284. 

  284. 							break;

    285. 

  285. 

    286. 

  286. 						case 'application/x-director':

    287. 

  287. 							dom.replace(t._createImg('mceItemShockWave', n), n);

    288. 

  288. 							break;

    289. 

  289. 

    290. 

  290. 						case 'application/x-mplayer2':

    291. 

  291. 							dom.replace(t._createImg('mceItemWindowsMedia', n), n);

    292. 

  292. 							break;

    293. 

  293. 

    294. 

  294. 						case 'video/quicktime':

    295. 

  295. 							dom.replace(t._createImg('mceItemQuickTime', n), n);

    296. 

  296. 							break;

    297. 

  297. 

    298. 

  298. 						case 'audio/x-pn-realaudio-plugin':

    299. 

  299. 							dom.replace(t._createImg('mceItemRealMedia', n), n);

    300. 

  300. 							break;

    301. 

  301. 

    302. 

  302. 						default:

    303. 

  303. 							dom.replace(t._createImg('mceItemFlash', n), n);

    304. 

  304. 					}

    305. 

  305. 				}			

    306. 

  306. 			});

    307. 

  307. 		},

    308. 

  308. 

    309. 

  309. 		_createImg : function(cl, n) {

    310. 

  310. 			var im, dom = this.editor.dom, pa = {}, ti = '';

    311. 

  311. 

    312. 

  312. 			// Create image

    313. 

  313. 			im = dom.create('img', {

    314. 

  314. 				src : this.url + '/img/trans.gif',

    315. 

  315. 				width : dom.getAttrib(n, 'width') || 100,

    316. 

  316. 				height : dom.getAttrib(n, 'height') || 100,

    317. 

  317. 				'class' : cl

    318. 

  318. 			});

    319. 

  319. 

    320. 

  320. 			// Setup base parameters

    321. 

  321. 			each(['id', 'name', 'width', 'height', 'bgcolor', 'align', 'flashvars', 'src', 'wmode'], function(na) {

    322. 

  322. 				var v = dom.getAttrib(n, na);

    323. 

  323. 

    324. 

  324. 				if (v)

    325. 

  325. 					pa[na] = v;

    326. 

  326. 			});

    327. 

  327. 

    328. 

  328. 			// Add optional parameters

    329. 

  329. 			each(dom.select('span', n), function(n) {

    330. 

  330. 				if (dom.hasClass(n, 'mceItemParam'))

    331. 

  331. 					pa[dom.getAttrib(n, 'name')] = dom.getAttrib(n, '_value');

    332. 

  332. 			});

    333. 

  333. 

    334. 

  334. 			// Use src not movie

    335. 

  335. 			if (pa.movie) {

    336. 

  336. 				pa.src = pa.movie;

    337. 

  337. 				delete pa.movie;

    338. 

  338. 			}

    339. 

  339. 

    340. 

  340. 			delete pa.width;

    341. 

  341. 			delete pa.height;

    342. 

  342. 

    343. 

  343. 			im.title = this._serialize(pa);

    344. 

  344. 

    345. 

  345. 			return im;

    346. 

  346. 		},

    347. 

  347. 

    348. 

  348. 		_parse : function(s) {

    349. 

  349. 			return tinymce.util.JSON.parse('{' + s + '}');

    350. 

  350. 		},

    351. 

  351. 

    352. 

  352. 		_serialize : function(o) {

    353. 

  353. 			return tinymce.util.JSON.serialize(o).replace(/[{}]/g, '');

    354. 

  354. 		}

    355. 

  355. 	});

    356. 

  356. 

    357. 

  357. 	// Register plugin

    358. 

  358. 	tinymce.PluginManager.add('media', tinymce.plugins.MediaPlugin);

    359. 

  359. })();
    360.