Rev 1042 | Go to most recent revision | Details | Compare with Previous | Last modification | View Log | RSS feed
| Rev | Author | Line No. | Line |
|---|---|---|---|
| 597 | daniel-mar | 1 | /** |
| 2 | * Copyright (c) Tiny Technologies, Inc. All rights reserved. |
||
| 3 | * Licensed under the LGPL or a commercial license. |
||
| 4 | * For LGPL see License.txt in the project root for license information. |
||
| 5 | * For commercial licenses see https://www.tiny.cloud/ |
||
| 6 | * |
||
| 1422 | daniel-mar | 7 | * Version: 5.10.8 (2023-10-19) |
| 597 | daniel-mar | 8 | */ |
| 9 | (function () { |
||
| 10 | 'use strict'; |
||
| 11 | |||
| 637 | daniel-mar | 12 | var global$9 = tinymce.util.Tools.resolve('tinymce.PluginManager'); |
| 597 | daniel-mar | 13 | |
| 14 | var __assign = function () { |
||
| 15 | __assign = Object.assign || function __assign(t) { |
||
| 16 | for (var s, i = 1, n = arguments.length; i < n; i++) { |
||
| 17 | s = arguments[i]; |
||
| 18 | for (var p in s) |
||
| 19 | if (Object.prototype.hasOwnProperty.call(s, p)) |
||
| 20 | t[p] = s[p]; |
||
| 21 | } |
||
| 22 | return t; |
||
| 23 | }; |
||
| 24 | return __assign.apply(this, arguments); |
||
| 25 | }; |
||
| 26 | |||
| 27 | var typeOf = function (x) { |
||
| 28 | var t = typeof x; |
||
| 29 | if (x === null) { |
||
| 30 | return 'null'; |
||
| 31 | } else if (t === 'object' && (Array.prototype.isPrototypeOf(x) || x.constructor && x.constructor.name === 'Array')) { |
||
| 32 | return 'array'; |
||
| 33 | } else if (t === 'object' && (String.prototype.isPrototypeOf(x) || x.constructor && x.constructor.name === 'String')) { |
||
| 34 | return 'string'; |
||
| 35 | } else { |
||
| 36 | return t; |
||
| 37 | } |
||
| 38 | }; |
||
| 39 | var isType = function (type) { |
||
| 40 | return function (value) { |
||
| 41 | return typeOf(value) === type; |
||
| 42 | }; |
||
| 43 | }; |
||
| 44 | var isString = isType('string'); |
||
| 45 | var isObject = isType('object'); |
||
| 46 | var isArray = isType('array'); |
||
| 47 | var isNullable = function (a) { |
||
| 48 | return a === null || a === undefined; |
||
| 49 | }; |
||
| 50 | var isNonNullable = function (a) { |
||
| 51 | return !isNullable(a); |
||
| 52 | }; |
||
| 53 | |||
| 54 | var noop = function () { |
||
| 55 | }; |
||
| 56 | var constant = function (value) { |
||
| 57 | return function () { |
||
| 58 | return value; |
||
| 59 | }; |
||
| 60 | }; |
||
| 637 | daniel-mar | 61 | var identity = function (x) { |
| 62 | return x; |
||
| 63 | }; |
||
| 597 | daniel-mar | 64 | var never = constant(false); |
| 65 | var always = constant(true); |
||
| 66 | |||
| 67 | var none = function () { |
||
| 68 | return NONE; |
||
| 69 | }; |
||
| 70 | var NONE = function () { |
||
| 71 | var call = function (thunk) { |
||
| 72 | return thunk(); |
||
| 73 | }; |
||
| 637 | daniel-mar | 74 | var id = identity; |
| 597 | daniel-mar | 75 | var me = { |
| 76 | fold: function (n, _s) { |
||
| 77 | return n(); |
||
| 78 | }, |
||
| 79 | isSome: never, |
||
| 80 | isNone: always, |
||
| 81 | getOr: id, |
||
| 82 | getOrThunk: call, |
||
| 83 | getOrDie: function (msg) { |
||
| 84 | throw new Error(msg || 'error: getOrDie called on none.'); |
||
| 85 | }, |
||
| 86 | getOrNull: constant(null), |
||
| 87 | getOrUndefined: constant(undefined), |
||
| 88 | or: id, |
||
| 89 | orThunk: call, |
||
| 90 | map: none, |
||
| 91 | each: noop, |
||
| 92 | bind: none, |
||
| 93 | exists: never, |
||
| 94 | forall: always, |
||
| 637 | daniel-mar | 95 | filter: function () { |
| 96 | return none(); |
||
| 97 | }, |
||
| 597 | daniel-mar | 98 | toArray: function () { |
| 99 | return []; |
||
| 100 | }, |
||
| 101 | toString: constant('none()') |
||
| 102 | }; |
||
| 103 | return me; |
||
| 104 | }(); |
||
| 105 | var some = function (a) { |
||
| 106 | var constant_a = constant(a); |
||
| 107 | var self = function () { |
||
| 108 | return me; |
||
| 109 | }; |
||
| 110 | var bind = function (f) { |
||
| 111 | return f(a); |
||
| 112 | }; |
||
| 113 | var me = { |
||
| 114 | fold: function (n, s) { |
||
| 115 | return s(a); |
||
| 116 | }, |
||
| 117 | isSome: always, |
||
| 118 | isNone: never, |
||
| 119 | getOr: constant_a, |
||
| 120 | getOrThunk: constant_a, |
||
| 121 | getOrDie: constant_a, |
||
| 122 | getOrNull: constant_a, |
||
| 123 | getOrUndefined: constant_a, |
||
| 124 | or: self, |
||
| 125 | orThunk: self, |
||
| 126 | map: function (f) { |
||
| 127 | return some(f(a)); |
||
| 128 | }, |
||
| 129 | each: function (f) { |
||
| 130 | f(a); |
||
| 131 | }, |
||
| 132 | bind: bind, |
||
| 133 | exists: bind, |
||
| 134 | forall: bind, |
||
| 135 | filter: function (f) { |
||
| 136 | return f(a) ? me : NONE; |
||
| 137 | }, |
||
| 138 | toArray: function () { |
||
| 139 | return [a]; |
||
| 140 | }, |
||
| 141 | toString: function () { |
||
| 142 | return 'some(' + a + ')'; |
||
| 143 | } |
||
| 144 | }; |
||
| 145 | return me; |
||
| 146 | }; |
||
| 147 | var from = function (value) { |
||
| 148 | return value === null || value === undefined ? NONE : some(value); |
||
| 149 | }; |
||
| 150 | var Optional = { |
||
| 151 | some: some, |
||
| 152 | none: none, |
||
| 153 | from: from |
||
| 154 | }; |
||
| 155 | |||
| 156 | var nativePush = Array.prototype.push; |
||
| 637 | daniel-mar | 157 | var each$1 = function (xs, f) { |
| 597 | daniel-mar | 158 | for (var i = 0, len = xs.length; i < len; i++) { |
| 159 | var x = xs[i]; |
||
| 160 | f(x, i); |
||
| 161 | } |
||
| 162 | }; |
||
| 163 | var flatten = function (xs) { |
||
| 164 | var r = []; |
||
| 165 | for (var i = 0, len = xs.length; i < len; ++i) { |
||
| 166 | if (!isArray(xs[i])) { |
||
| 167 | throw new Error('Arr.flatten item ' + i + ' was not an array, input: ' + xs); |
||
| 168 | } |
||
| 169 | nativePush.apply(r, xs[i]); |
||
| 170 | } |
||
| 171 | return r; |
||
| 172 | }; |
||
| 173 | |||
| 174 | var Cell = function (initial) { |
||
| 175 | var value = initial; |
||
| 176 | var get = function () { |
||
| 177 | return value; |
||
| 178 | }; |
||
| 179 | var set = function (v) { |
||
| 180 | value = v; |
||
| 181 | }; |
||
| 182 | return { |
||
| 183 | get: get, |
||
| 184 | set: set |
||
| 185 | }; |
||
| 186 | }; |
||
| 187 | |||
| 188 | var keys = Object.keys; |
||
| 189 | var hasOwnProperty = Object.hasOwnProperty; |
||
| 637 | daniel-mar | 190 | var each = function (obj, f) { |
| 597 | daniel-mar | 191 | var props = keys(obj); |
| 192 | for (var k = 0, len = props.length; k < len; k++) { |
||
| 193 | var i = props[k]; |
||
| 194 | var x = obj[i]; |
||
| 195 | f(x, i); |
||
| 196 | } |
||
| 197 | }; |
||
| 637 | daniel-mar | 198 | var get$1 = function (obj, key) { |
| 597 | daniel-mar | 199 | return has(obj, key) ? Optional.from(obj[key]) : Optional.none(); |
| 200 | }; |
||
| 201 | var has = function (obj, key) { |
||
| 202 | return hasOwnProperty.call(obj, key); |
||
| 203 | }; |
||
| 204 | |||
| 205 | var getScripts = function (editor) { |
||
| 206 | return editor.getParam('media_scripts'); |
||
| 207 | }; |
||
| 208 | var getAudioTemplateCallback = function (editor) { |
||
| 209 | return editor.getParam('audio_template_callback'); |
||
| 210 | }; |
||
| 211 | var getVideoTemplateCallback = function (editor) { |
||
| 212 | return editor.getParam('video_template_callback'); |
||
| 213 | }; |
||
| 214 | var hasLiveEmbeds = function (editor) { |
||
| 215 | return editor.getParam('media_live_embeds', true); |
||
| 216 | }; |
||
| 217 | var shouldFilterHtml = function (editor) { |
||
| 218 | return editor.getParam('media_filter_html', true); |
||
| 219 | }; |
||
| 220 | var getUrlResolver = function (editor) { |
||
| 221 | return editor.getParam('media_url_resolver'); |
||
| 222 | }; |
||
| 223 | var hasAltSource = function (editor) { |
||
| 224 | return editor.getParam('media_alt_source', true); |
||
| 225 | }; |
||
| 226 | var hasPoster = function (editor) { |
||
| 227 | return editor.getParam('media_poster', true); |
||
| 228 | }; |
||
| 229 | var hasDimensions = function (editor) { |
||
| 230 | return editor.getParam('media_dimensions', true); |
||
| 231 | }; |
||
| 232 | |||
| 637 | daniel-mar | 233 | var global$8 = tinymce.util.Tools.resolve('tinymce.util.Tools'); |
| 597 | daniel-mar | 234 | |
| 637 | daniel-mar | 235 | var global$7 = tinymce.util.Tools.resolve('tinymce.dom.DOMUtils'); |
| 597 | daniel-mar | 236 | |
| 637 | daniel-mar | 237 | var global$6 = tinymce.util.Tools.resolve('tinymce.html.SaxParser'); |
| 597 | daniel-mar | 238 | |
| 239 | var getVideoScriptMatch = function (prefixes, src) { |
||
| 240 | if (prefixes) { |
||
| 241 | for (var i = 0; i < prefixes.length; i++) { |
||
| 242 | if (src.indexOf(prefixes[i].filter) !== -1) { |
||
| 243 | return prefixes[i]; |
||
| 244 | } |
||
| 245 | } |
||
| 246 | } |
||
| 247 | }; |
||
| 248 | |||
| 637 | daniel-mar | 249 | var DOM$1 = global$7.DOM; |
| 597 | daniel-mar | 250 | var trimPx = function (value) { |
| 251 | return value.replace(/px$/, ''); |
||
| 252 | }; |
||
| 253 | var getEphoxEmbedData = function (attrs) { |
||
| 254 | var style = attrs.map.style; |
||
| 637 | daniel-mar | 255 | var styles = style ? DOM$1.parseStyle(style) : {}; |
| 597 | daniel-mar | 256 | return { |
| 257 | type: 'ephox-embed-iri', |
||
| 258 | source: attrs.map['data-ephox-embed-iri'], |
||
| 259 | altsource: '', |
||
| 260 | poster: '', |
||
| 637 | daniel-mar | 261 | width: get$1(styles, 'max-width').map(trimPx).getOr(''), |
| 262 | height: get$1(styles, 'max-height').map(trimPx).getOr('') |
||
| 597 | daniel-mar | 263 | }; |
| 264 | }; |
||
| 265 | var htmlToData = function (prefixes, html) { |
||
| 266 | var isEphoxEmbed = Cell(false); |
||
| 267 | var data = {}; |
||
| 637 | daniel-mar | 268 | global$6({ |
| 597 | daniel-mar | 269 | validate: false, |
| 270 | allow_conditional_comments: true, |
||
| 271 | start: function (name, attrs) { |
||
| 272 | if (isEphoxEmbed.get()) ; else if (has(attrs.map, 'data-ephox-embed-iri')) { |
||
| 273 | isEphoxEmbed.set(true); |
||
| 274 | data = getEphoxEmbedData(attrs); |
||
| 275 | } else { |
||
| 276 | if (!data.source && name === 'param') { |
||
| 277 | data.source = attrs.map.movie; |
||
| 278 | } |
||
| 279 | if (name === 'iframe' || name === 'object' || name === 'embed' || name === 'video' || name === 'audio') { |
||
| 280 | if (!data.type) { |
||
| 281 | data.type = name; |
||
| 282 | } |
||
| 637 | daniel-mar | 283 | data = global$8.extend(attrs.map, data); |
| 597 | daniel-mar | 284 | } |
| 285 | if (name === 'script') { |
||
| 286 | var videoScript = getVideoScriptMatch(prefixes, attrs.map.src); |
||
| 287 | if (!videoScript) { |
||
| 288 | return; |
||
| 289 | } |
||
| 290 | data = { |
||
| 291 | type: 'script', |
||
| 292 | source: attrs.map.src, |
||
| 293 | width: String(videoScript.width), |
||
| 294 | height: String(videoScript.height) |
||
| 295 | }; |
||
| 296 | } |
||
| 297 | if (name === 'source') { |
||
| 298 | if (!data.source) { |
||
| 299 | data.source = attrs.map.src; |
||
| 300 | } else if (!data.altsource) { |
||
| 301 | data.altsource = attrs.map.src; |
||
| 302 | } |
||
| 303 | } |
||
| 304 | if (name === 'img' && !data.poster) { |
||
| 305 | data.poster = attrs.map.src; |
||
| 306 | } |
||
| 307 | } |
||
| 308 | } |
||
| 309 | }).parse(html); |
||
| 310 | data.source = data.source || data.src || data.data; |
||
| 311 | data.altsource = data.altsource || ''; |
||
| 312 | data.poster = data.poster || ''; |
||
| 313 | return data; |
||
| 314 | }; |
||
| 315 | |||
| 316 | var guess = function (url) { |
||
| 317 | var mimes = { |
||
| 318 | mp3: 'audio/mpeg', |
||
| 319 | m4a: 'audio/x-m4a', |
||
| 320 | wav: 'audio/wav', |
||
| 321 | mp4: 'video/mp4', |
||
| 322 | webm: 'video/webm', |
||
| 323 | ogg: 'video/ogg', |
||
| 324 | swf: 'application/x-shockwave-flash' |
||
| 325 | }; |
||
| 326 | var fileEnd = url.toLowerCase().split('.').pop(); |
||
| 327 | var mime = mimes[fileEnd]; |
||
| 328 | return mime ? mime : ''; |
||
| 329 | }; |
||
| 330 | |||
| 637 | daniel-mar | 331 | var global$5 = tinymce.util.Tools.resolve('tinymce.html.Schema'); |
| 597 | daniel-mar | 332 | |
| 637 | daniel-mar | 333 | var global$4 = tinymce.util.Tools.resolve('tinymce.html.Writer'); |
| 597 | daniel-mar | 334 | |
| 637 | daniel-mar | 335 | var DOM = global$7.DOM; |
| 597 | daniel-mar | 336 | var addPx = function (value) { |
| 337 | return /^[0-9.]+$/.test(value) ? value + 'px' : value; |
||
| 338 | }; |
||
| 339 | var setAttributes = function (attrs, updatedAttrs) { |
||
| 637 | daniel-mar | 340 | each(updatedAttrs, function (val, name) { |
| 597 | daniel-mar | 341 | var value = '' + val; |
| 342 | if (attrs.map[name]) { |
||
| 343 | var i = attrs.length; |
||
| 344 | while (i--) { |
||
| 345 | var attr = attrs[i]; |
||
| 346 | if (attr.name === name) { |
||
| 347 | if (value) { |
||
| 348 | attrs.map[name] = value; |
||
| 349 | attr.value = value; |
||
| 350 | } else { |
||
| 351 | delete attrs.map[name]; |
||
| 352 | attrs.splice(i, 1); |
||
| 353 | } |
||
| 354 | } |
||
| 355 | } |
||
| 356 | } else if (value) { |
||
| 357 | attrs.push({ |
||
| 358 | name: name, |
||
| 359 | value: value |
||
| 360 | }); |
||
| 361 | attrs.map[name] = value; |
||
| 362 | } |
||
| 363 | }); |
||
| 364 | }; |
||
| 365 | var updateEphoxEmbed = function (data, attrs) { |
||
| 366 | var style = attrs.map.style; |
||
| 637 | daniel-mar | 367 | var styleMap = style ? DOM.parseStyle(style) : {}; |
| 597 | daniel-mar | 368 | styleMap['max-width'] = addPx(data.width); |
| 369 | styleMap['max-height'] = addPx(data.height); |
||
| 637 | daniel-mar | 370 | setAttributes(attrs, { style: DOM.serializeStyle(styleMap) }); |
| 597 | daniel-mar | 371 | }; |
| 372 | var sources = [ |
||
| 373 | 'source', |
||
| 374 | 'altsource' |
||
| 375 | ]; |
||
| 376 | var updateHtml = function (html, data, updateAll) { |
||
| 637 | daniel-mar | 377 | var writer = global$4(); |
| 597 | daniel-mar | 378 | var isEphoxEmbed = Cell(false); |
| 379 | var sourceCount = 0; |
||
| 380 | var hasImage; |
||
| 637 | daniel-mar | 381 | global$6({ |
| 597 | daniel-mar | 382 | validate: false, |
| 383 | allow_conditional_comments: true, |
||
| 384 | comment: function (text) { |
||
| 385 | writer.comment(text); |
||
| 386 | }, |
||
| 387 | cdata: function (text) { |
||
| 388 | writer.cdata(text); |
||
| 389 | }, |
||
| 390 | text: function (text, raw) { |
||
| 391 | writer.text(text, raw); |
||
| 392 | }, |
||
| 393 | start: function (name, attrs, empty) { |
||
| 394 | if (isEphoxEmbed.get()) ; else if (has(attrs.map, 'data-ephox-embed-iri')) { |
||
| 395 | isEphoxEmbed.set(true); |
||
| 396 | updateEphoxEmbed(data, attrs); |
||
| 397 | } else { |
||
| 398 | switch (name) { |
||
| 399 | case 'video': |
||
| 400 | case 'object': |
||
| 401 | case 'embed': |
||
| 402 | case 'img': |
||
| 403 | case 'iframe': |
||
| 404 | if (data.height !== undefined && data.width !== undefined) { |
||
| 405 | setAttributes(attrs, { |
||
| 406 | width: data.width, |
||
| 407 | height: data.height |
||
| 408 | }); |
||
| 409 | } |
||
| 410 | break; |
||
| 411 | } |
||
| 412 | if (updateAll) { |
||
| 413 | switch (name) { |
||
| 414 | case 'video': |
||
| 415 | setAttributes(attrs, { |
||
| 416 | poster: data.poster, |
||
| 417 | src: '' |
||
| 418 | }); |
||
| 419 | if (data.altsource) { |
||
| 420 | setAttributes(attrs, { src: '' }); |
||
| 421 | } |
||
| 422 | break; |
||
| 423 | case 'iframe': |
||
| 424 | setAttributes(attrs, { src: data.source }); |
||
| 425 | break; |
||
| 426 | case 'source': |
||
| 427 | if (sourceCount < 2) { |
||
| 428 | setAttributes(attrs, { |
||
| 429 | src: data[sources[sourceCount]], |
||
| 430 | type: data[sources[sourceCount] + 'mime'] |
||
| 431 | }); |
||
| 432 | if (!data[sources[sourceCount]]) { |
||
| 433 | return; |
||
| 434 | } |
||
| 435 | } |
||
| 436 | sourceCount++; |
||
| 437 | break; |
||
| 438 | case 'img': |
||
| 439 | if (!data.poster) { |
||
| 440 | return; |
||
| 441 | } |
||
| 442 | hasImage = true; |
||
| 443 | break; |
||
| 444 | } |
||
| 445 | } |
||
| 446 | } |
||
| 447 | writer.start(name, attrs, empty); |
||
| 448 | }, |
||
| 449 | end: function (name) { |
||
| 450 | if (!isEphoxEmbed.get()) { |
||
| 451 | if (name === 'video' && updateAll) { |
||
| 452 | for (var index = 0; index < 2; index++) { |
||
| 453 | if (data[sources[index]]) { |
||
| 454 | var attrs = []; |
||
| 455 | attrs.map = {}; |
||
| 456 | if (sourceCount <= index) { |
||
| 457 | setAttributes(attrs, { |
||
| 458 | src: data[sources[index]], |
||
| 459 | type: data[sources[index] + 'mime'] |
||
| 460 | }); |
||
| 461 | writer.start('source', attrs, true); |
||
| 462 | } |
||
| 463 | } |
||
| 464 | } |
||
| 465 | } |
||
| 466 | if (data.poster && name === 'object' && updateAll && !hasImage) { |
||
| 467 | var imgAttrs = []; |
||
| 468 | imgAttrs.map = {}; |
||
| 469 | setAttributes(imgAttrs, { |
||
| 470 | src: data.poster, |
||
| 471 | width: data.width, |
||
| 472 | height: data.height |
||
| 473 | }); |
||
| 474 | writer.start('img', imgAttrs, true); |
||
| 475 | } |
||
| 476 | } |
||
| 477 | writer.end(name); |
||
| 478 | } |
||
| 637 | daniel-mar | 479 | }, global$5({})).parse(html); |
| 597 | daniel-mar | 480 | return writer.getContent(); |
| 481 | }; |
||
| 482 | |||
| 483 | var urlPatterns = [ |
||
| 484 | { |
||
| 485 | regex: /youtu\.be\/([\w\-_\?&=.]+)/i, |
||
| 486 | type: 'iframe', |
||
| 487 | w: 560, |
||
| 488 | h: 314, |
||
| 489 | url: 'www.youtube.com/embed/$1', |
||
| 490 | allowFullscreen: true |
||
| 491 | }, |
||
| 492 | { |
||
| 493 | regex: /youtube\.com(.+)v=([^&]+)(&([a-z0-9&=\-_]+))?/i, |
||
| 494 | type: 'iframe', |
||
| 495 | w: 560, |
||
| 496 | h: 314, |
||
| 497 | url: 'www.youtube.com/embed/$2?$4', |
||
| 498 | allowFullscreen: true |
||
| 499 | }, |
||
| 500 | { |
||
| 501 | regex: /youtube.com\/embed\/([a-z0-9\?&=\-_]+)/i, |
||
| 502 | type: 'iframe', |
||
| 503 | w: 560, |
||
| 504 | h: 314, |
||
| 505 | url: 'www.youtube.com/embed/$1', |
||
| 506 | allowFullscreen: true |
||
| 507 | }, |
||
| 508 | { |
||
| 509 | regex: /vimeo\.com\/([0-9]+)/, |
||
| 510 | type: 'iframe', |
||
| 511 | w: 425, |
||
| 512 | h: 350, |
||
| 513 | url: 'player.vimeo.com/video/$1?title=0&byline=0&portrait=0&color=8dc7dc', |
||
| 514 | allowFullscreen: true |
||
| 515 | }, |
||
| 516 | { |
||
| 517 | regex: /vimeo\.com\/(.*)\/([0-9]+)/, |
||
| 518 | type: 'iframe', |
||
| 519 | w: 425, |
||
| 520 | h: 350, |
||
| 521 | url: 'player.vimeo.com/video/$2?title=0&byline=0', |
||
| 522 | allowFullscreen: true |
||
| 523 | }, |
||
| 524 | { |
||
| 525 | regex: /maps\.google\.([a-z]{2,3})\/maps\/(.+)msid=(.+)/, |
||
| 526 | type: 'iframe', |
||
| 527 | w: 425, |
||
| 528 | h: 350, |
||
| 529 | url: 'maps.google.com/maps/ms?msid=$2&output=embed"', |
||
| 530 | allowFullscreen: false |
||
| 531 | }, |
||
| 532 | { |
||
| 533 | regex: /dailymotion\.com\/video\/([^_]+)/, |
||
| 534 | type: 'iframe', |
||
| 535 | w: 480, |
||
| 536 | h: 270, |
||
| 537 | url: 'www.dailymotion.com/embed/video/$1', |
||
| 538 | allowFullscreen: true |
||
| 539 | }, |
||
| 540 | { |
||
| 541 | regex: /dai\.ly\/([^_]+)/, |
||
| 542 | type: 'iframe', |
||
| 543 | w: 480, |
||
| 544 | h: 270, |
||
| 545 | url: 'www.dailymotion.com/embed/video/$1', |
||
| 546 | allowFullscreen: true |
||
| 547 | } |
||
| 548 | ]; |
||
| 549 | var getProtocol = function (url) { |
||
| 550 | var protocolMatches = url.match(/^(https?:\/\/|www\.)(.+)$/i); |
||
| 551 | if (protocolMatches && protocolMatches.length > 1) { |
||
| 552 | return protocolMatches[1] === 'www.' ? 'https://' : protocolMatches[1]; |
||
| 553 | } else { |
||
| 554 | return 'https://'; |
||
| 555 | } |
||
| 556 | }; |
||
| 557 | var getUrl = function (pattern, url) { |
||
| 558 | var protocol = getProtocol(url); |
||
| 559 | var match = pattern.regex.exec(url); |
||
| 560 | var newUrl = protocol + pattern.url; |
||
| 561 | var _loop_1 = function (i) { |
||
| 562 | newUrl = newUrl.replace('$' + i, function () { |
||
| 563 | return match[i] ? match[i] : ''; |
||
| 564 | }); |
||
| 565 | }; |
||
| 566 | for (var i = 0; i < match.length; i++) { |
||
| 567 | _loop_1(i); |
||
| 568 | } |
||
| 569 | return newUrl.replace(/\?$/, ''); |
||
| 570 | }; |
||
| 571 | var matchPattern = function (url) { |
||
| 572 | var patterns = urlPatterns.filter(function (pattern) { |
||
| 573 | return pattern.regex.test(url); |
||
| 574 | }); |
||
| 575 | if (patterns.length > 0) { |
||
| 637 | daniel-mar | 576 | return global$8.extend({}, patterns[0], { url: getUrl(patterns[0], url) }); |
| 597 | daniel-mar | 577 | } else { |
| 578 | return null; |
||
| 579 | } |
||
| 580 | }; |
||
| 581 | |||
| 582 | var getIframeHtml = function (data) { |
||
| 583 | var allowFullscreen = data.allowfullscreen ? ' allowFullscreen="1"' : ''; |
||
| 584 | return '<iframe src="' + data.source + '" width="' + data.width + '" height="' + data.height + '"' + allowFullscreen + '></iframe>'; |
||
| 585 | }; |
||
| 586 | var getFlashHtml = function (data) { |
||
| 587 | var html = '<object data="' + data.source + '" width="' + data.width + '" height="' + data.height + '" type="application/x-shockwave-flash">'; |
||
| 588 | if (data.poster) { |
||
| 589 | html += '<img src="' + data.poster + '" width="' + data.width + '" height="' + data.height + '" />'; |
||
| 590 | } |
||
| 591 | html += '</object>'; |
||
| 592 | return html; |
||
| 593 | }; |
||
| 594 | var getAudioHtml = function (data, audioTemplateCallback) { |
||
| 595 | if (audioTemplateCallback) { |
||
| 596 | return audioTemplateCallback(data); |
||
| 597 | } else { |
||
| 598 | return '<audio controls="controls" src="' + data.source + '">' + (data.altsource ? '\n<source src="' + data.altsource + '"' + (data.altsourcemime ? ' type="' + data.altsourcemime + '"' : '') + ' />\n' : '') + '</audio>'; |
||
| 599 | } |
||
| 600 | }; |
||
| 601 | var getVideoHtml = function (data, videoTemplateCallback) { |
||
| 602 | if (videoTemplateCallback) { |
||
| 603 | return videoTemplateCallback(data); |
||
| 604 | } else { |
||
| 605 | return '<video width="' + data.width + '" height="' + data.height + '"' + (data.poster ? ' poster="' + data.poster + '"' : '') + ' controls="controls">\n' + '<source src="' + data.source + '"' + (data.sourcemime ? ' type="' + data.sourcemime + '"' : '') + ' />\n' + (data.altsource ? '<source src="' + data.altsource + '"' + (data.altsourcemime ? ' type="' + data.altsourcemime + '"' : '') + ' />\n' : '') + '</video>'; |
||
| 606 | } |
||
| 607 | }; |
||
| 608 | var getScriptHtml = function (data) { |
||
| 609 | return '<script src="' + data.source + '"></script>'; |
||
| 610 | }; |
||
| 611 | var dataToHtml = function (editor, dataIn) { |
||
| 637 | daniel-mar | 612 | var data = global$8.extend({}, dataIn); |
| 597 | daniel-mar | 613 | if (!data.source) { |
| 637 | daniel-mar | 614 | global$8.extend(data, htmlToData(getScripts(editor), data.embed)); |
| 597 | daniel-mar | 615 | if (!data.source) { |
| 616 | return ''; |
||
| 617 | } |
||
| 618 | } |
||
| 619 | if (!data.altsource) { |
||
| 620 | data.altsource = ''; |
||
| 621 | } |
||
| 622 | if (!data.poster) { |
||
| 623 | data.poster = ''; |
||
| 624 | } |
||
| 625 | data.source = editor.convertURL(data.source, 'source'); |
||
| 626 | data.altsource = editor.convertURL(data.altsource, 'source'); |
||
| 627 | data.sourcemime = guess(data.source); |
||
| 628 | data.altsourcemime = guess(data.altsource); |
||
| 629 | data.poster = editor.convertURL(data.poster, 'poster'); |
||
| 630 | var pattern = matchPattern(data.source); |
||
| 631 | if (pattern) { |
||
| 632 | data.source = pattern.url; |
||
| 633 | data.type = pattern.type; |
||
| 634 | data.allowfullscreen = pattern.allowFullscreen; |
||
| 635 | data.width = data.width || String(pattern.w); |
||
| 636 | data.height = data.height || String(pattern.h); |
||
| 637 | } |
||
| 638 | if (data.embed) { |
||
| 639 | return updateHtml(data.embed, data, true); |
||
| 640 | } else { |
||
| 641 | var videoScript = getVideoScriptMatch(getScripts(editor), data.source); |
||
| 642 | if (videoScript) { |
||
| 643 | data.type = 'script'; |
||
| 644 | data.width = String(videoScript.width); |
||
| 645 | data.height = String(videoScript.height); |
||
| 646 | } |
||
| 647 | var audioTemplateCallback = getAudioTemplateCallback(editor); |
||
| 648 | var videoTemplateCallback = getVideoTemplateCallback(editor); |
||
| 649 | data.width = data.width || '300'; |
||
| 650 | data.height = data.height || '150'; |
||
| 637 | daniel-mar | 651 | global$8.each(data, function (value, key) { |
| 597 | daniel-mar | 652 | data[key] = editor.dom.encode('' + value); |
| 653 | }); |
||
| 654 | if (data.type === 'iframe') { |
||
| 655 | return getIframeHtml(data); |
||
| 656 | } else if (data.sourcemime === 'application/x-shockwave-flash') { |
||
| 657 | return getFlashHtml(data); |
||
| 658 | } else if (data.sourcemime.indexOf('audio') !== -1) { |
||
| 659 | return getAudioHtml(data, audioTemplateCallback); |
||
| 660 | } else if (data.type === 'script') { |
||
| 661 | return getScriptHtml(data); |
||
| 662 | } else { |
||
| 663 | return getVideoHtml(data, videoTemplateCallback); |
||
| 664 | } |
||
| 665 | } |
||
| 666 | }; |
||
| 667 | |||
| 679 | daniel-mar | 668 | var isMediaElement = function (element) { |
| 669 | return element.hasAttribute('data-mce-object') || element.hasAttribute('data-ephox-embed-iri'); |
||
| 670 | }; |
||
| 671 | var setup$2 = function (editor) { |
||
| 672 | editor.on('click keyup touchend', function () { |
||
| 673 | var selectedNode = editor.selection.getNode(); |
||
| 674 | if (selectedNode && editor.dom.hasClass(selectedNode, 'mce-preview-object')) { |
||
| 675 | if (editor.dom.getAttrib(selectedNode, 'data-mce-selected')) { |
||
| 676 | selectedNode.setAttribute('data-mce-selected', '2'); |
||
| 677 | } |
||
| 678 | } |
||
| 679 | }); |
||
| 680 | editor.on('ObjectSelected', function (e) { |
||
| 681 | var objectType = e.target.getAttribute('data-mce-object'); |
||
| 682 | if (objectType === 'script') { |
||
| 683 | e.preventDefault(); |
||
| 684 | } |
||
| 685 | }); |
||
| 686 | editor.on('ObjectResized', function (e) { |
||
| 687 | var target = e.target; |
||
| 688 | if (target.getAttribute('data-mce-object')) { |
||
| 689 | var html = target.getAttribute('data-mce-html'); |
||
| 690 | if (html) { |
||
| 691 | html = unescape(html); |
||
| 692 | target.setAttribute('data-mce-html', escape(updateHtml(html, { |
||
| 693 | width: String(e.width), |
||
| 694 | height: String(e.height) |
||
| 695 | }))); |
||
| 696 | } |
||
| 697 | } |
||
| 698 | }); |
||
| 699 | }; |
||
| 700 | |||
| 637 | daniel-mar | 701 | var global$3 = tinymce.util.Tools.resolve('tinymce.util.Promise'); |
| 597 | daniel-mar | 702 | |
| 703 | var cache = {}; |
||
| 704 | var embedPromise = function (data, dataToHtml, handler) { |
||
| 637 | daniel-mar | 705 | return new global$3(function (res, rej) { |
| 597 | daniel-mar | 706 | var wrappedResolve = function (response) { |
| 707 | if (response.html) { |
||
| 708 | cache[data.source] = response; |
||
| 709 | } |
||
| 710 | return res({ |
||
| 711 | url: data.source, |
||
| 712 | html: response.html ? response.html : dataToHtml(data) |
||
| 713 | }); |
||
| 714 | }; |
||
| 715 | if (cache[data.source]) { |
||
| 716 | wrappedResolve(cache[data.source]); |
||
| 717 | } else { |
||
| 718 | handler({ url: data.source }, wrappedResolve, rej); |
||
| 719 | } |
||
| 720 | }); |
||
| 721 | }; |
||
| 722 | var defaultPromise = function (data, dataToHtml) { |
||
| 637 | daniel-mar | 723 | return global$3.resolve({ |
| 724 | html: dataToHtml(data), |
||
| 725 | url: data.source |
||
| 597 | daniel-mar | 726 | }); |
| 727 | }; |
||
| 728 | var loadedData = function (editor) { |
||
| 729 | return function (data) { |
||
| 730 | return dataToHtml(editor, data); |
||
| 731 | }; |
||
| 732 | }; |
||
| 733 | var getEmbedHtml = function (editor, data) { |
||
| 734 | var embedHandler = getUrlResolver(editor); |
||
| 735 | return embedHandler ? embedPromise(data, loadedData(editor), embedHandler) : defaultPromise(data, loadedData(editor)); |
||
| 736 | }; |
||
| 737 | var isCached = function (url) { |
||
| 637 | daniel-mar | 738 | return has(cache, url); |
| 597 | daniel-mar | 739 | }; |
| 740 | |||
| 741 | var extractMeta = function (sourceInput, data) { |
||
| 637 | daniel-mar | 742 | return get$1(data, sourceInput).bind(function (mainData) { |
| 743 | return get$1(mainData, 'meta'); |
||
| 597 | daniel-mar | 744 | }); |
| 745 | }; |
||
| 746 | var getValue = function (data, metaData, sourceInput) { |
||
| 747 | return function (prop) { |
||
| 748 | var _a; |
||
| 749 | var getFromData = function () { |
||
| 637 | daniel-mar | 750 | return get$1(data, prop); |
| 597 | daniel-mar | 751 | }; |
| 752 | var getFromMetaData = function () { |
||
| 637 | daniel-mar | 753 | return get$1(metaData, prop); |
| 597 | daniel-mar | 754 | }; |
| 755 | var getNonEmptyValue = function (c) { |
||
| 637 | daniel-mar | 756 | return get$1(c, 'value').bind(function (v) { |
| 597 | daniel-mar | 757 | return v.length > 0 ? Optional.some(v) : Optional.none(); |
| 758 | }); |
||
| 759 | }; |
||
| 760 | var getFromValueFirst = function () { |
||
| 761 | return getFromData().bind(function (child) { |
||
| 762 | return isObject(child) ? getNonEmptyValue(child).orThunk(getFromMetaData) : getFromMetaData().orThunk(function () { |
||
| 763 | return Optional.from(child); |
||
| 764 | }); |
||
| 765 | }); |
||
| 766 | }; |
||
| 767 | var getFromMetaFirst = function () { |
||
| 768 | return getFromMetaData().orThunk(function () { |
||
| 769 | return getFromData().bind(function (child) { |
||
| 770 | return isObject(child) ? getNonEmptyValue(child) : Optional.from(child); |
||
| 771 | }); |
||
| 772 | }); |
||
| 773 | }; |
||
| 774 | return _a = {}, _a[prop] = (prop === sourceInput ? getFromValueFirst() : getFromMetaFirst()).getOr(''), _a; |
||
| 775 | }; |
||
| 776 | }; |
||
| 777 | var getDimensions = function (data, metaData) { |
||
| 778 | var dimensions = {}; |
||
| 637 | daniel-mar | 779 | get$1(data, 'dimensions').each(function (dims) { |
| 780 | each$1([ |
||
| 597 | daniel-mar | 781 | 'width', |
| 782 | 'height' |
||
| 783 | ], function (prop) { |
||
| 637 | daniel-mar | 784 | get$1(metaData, prop).orThunk(function () { |
| 785 | return get$1(dims, prop); |
||
| 597 | daniel-mar | 786 | }).each(function (value) { |
| 787 | return dimensions[prop] = value; |
||
| 788 | }); |
||
| 789 | }); |
||
| 790 | }); |
||
| 791 | return dimensions; |
||
| 792 | }; |
||
| 793 | var unwrap = function (data, sourceInput) { |
||
| 794 | var metaData = sourceInput ? extractMeta(sourceInput, data).getOr({}) : {}; |
||
| 795 | var get = getValue(data, metaData, sourceInput); |
||
| 796 | return __assign(__assign(__assign(__assign(__assign({}, get('source')), get('altsource')), get('poster')), get('embed')), getDimensions(data, metaData)); |
||
| 797 | }; |
||
| 798 | var wrap = function (data) { |
||
| 799 | var wrapped = __assign(__assign({}, data), { |
||
| 637 | daniel-mar | 800 | source: { value: get$1(data, 'source').getOr('') }, |
| 801 | altsource: { value: get$1(data, 'altsource').getOr('') }, |
||
| 802 | poster: { value: get$1(data, 'poster').getOr('') } |
||
| 597 | daniel-mar | 803 | }); |
| 637 | daniel-mar | 804 | each$1([ |
| 597 | daniel-mar | 805 | 'width', |
| 806 | 'height' |
||
| 807 | ], function (prop) { |
||
| 637 | daniel-mar | 808 | get$1(data, prop).each(function (value) { |
| 597 | daniel-mar | 809 | var dimensions = wrapped.dimensions || {}; |
| 810 | dimensions[prop] = value; |
||
| 811 | wrapped.dimensions = dimensions; |
||
| 812 | }); |
||
| 813 | }); |
||
| 814 | return wrapped; |
||
| 815 | }; |
||
| 816 | var handleError = function (editor) { |
||
| 817 | return function (error) { |
||
| 818 | var errorMessage = error && error.msg ? 'Media embed handler error: ' + error.msg : 'Media embed handler threw unknown error.'; |
||
| 819 | editor.notificationManager.open({ |
||
| 820 | type: 'error', |
||
| 821 | text: errorMessage |
||
| 822 | }); |
||
| 823 | }; |
||
| 824 | }; |
||
| 825 | var snippetToData = function (editor, embedSnippet) { |
||
| 826 | return htmlToData(getScripts(editor), embedSnippet); |
||
| 827 | }; |
||
| 828 | var getEditorData = function (editor) { |
||
| 829 | var element = editor.selection.getNode(); |
||
| 830 | var snippet = isMediaElement(element) ? editor.serializer.serialize(element, { selection: true }) : ''; |
||
| 831 | return __assign({ embed: snippet }, htmlToData(getScripts(editor), snippet)); |
||
| 832 | }; |
||
| 833 | var addEmbedHtml = function (api, editor) { |
||
| 834 | return function (response) { |
||
| 835 | if (isString(response.url) && response.url.trim().length > 0) { |
||
| 836 | var html = response.html; |
||
| 837 | var snippetData = snippetToData(editor, html); |
||
| 838 | var nuData = __assign(__assign({}, snippetData), { |
||
| 839 | source: response.url, |
||
| 840 | embed: html |
||
| 841 | }); |
||
| 842 | api.setData(wrap(nuData)); |
||
| 843 | } |
||
| 844 | }; |
||
| 845 | }; |
||
| 846 | var selectPlaceholder = function (editor, beforeObjects) { |
||
| 847 | var afterObjects = editor.dom.select('*[data-mce-object]'); |
||
| 848 | for (var i = 0; i < beforeObjects.length; i++) { |
||
| 849 | for (var y = afterObjects.length - 1; y >= 0; y--) { |
||
| 850 | if (beforeObjects[i] === afterObjects[y]) { |
||
| 851 | afterObjects.splice(y, 1); |
||
| 852 | } |
||
| 853 | } |
||
| 854 | } |
||
| 855 | editor.selection.select(afterObjects[0]); |
||
| 856 | }; |
||
| 857 | var handleInsert = function (editor, html) { |
||
| 858 | var beforeObjects = editor.dom.select('*[data-mce-object]'); |
||
| 859 | editor.insertContent(html); |
||
| 860 | selectPlaceholder(editor, beforeObjects); |
||
| 861 | editor.nodeChanged(); |
||
| 862 | }; |
||
| 863 | var submitForm = function (prevData, newData, editor) { |
||
| 864 | newData.embed = updateHtml(newData.embed, newData); |
||
| 865 | if (newData.embed && (prevData.source === newData.source || isCached(newData.source))) { |
||
| 866 | handleInsert(editor, newData.embed); |
||
| 867 | } else { |
||
| 868 | getEmbedHtml(editor, newData).then(function (response) { |
||
| 869 | handleInsert(editor, response.html); |
||
| 870 | }).catch(handleError(editor)); |
||
| 871 | } |
||
| 872 | }; |
||
| 873 | var showDialog = function (editor) { |
||
| 874 | var editorData = getEditorData(editor); |
||
| 875 | var currentData = Cell(editorData); |
||
| 876 | var initialData = wrap(editorData); |
||
| 877 | var handleSource = function (prevData, api) { |
||
| 878 | var serviceData = unwrap(api.getData(), 'source'); |
||
| 879 | if (prevData.source !== serviceData.source) { |
||
| 880 | addEmbedHtml(win, editor)({ |
||
| 881 | url: serviceData.source, |
||
| 882 | html: '' |
||
| 883 | }); |
||
| 884 | getEmbedHtml(editor, serviceData).then(addEmbedHtml(win, editor)).catch(handleError(editor)); |
||
| 885 | } |
||
| 886 | }; |
||
| 887 | var handleEmbed = function (api) { |
||
| 888 | var data = unwrap(api.getData()); |
||
| 889 | var dataFromEmbed = snippetToData(editor, data.embed); |
||
| 890 | api.setData(wrap(dataFromEmbed)); |
||
| 891 | }; |
||
| 892 | var handleUpdate = function (api, sourceInput) { |
||
| 893 | var data = unwrap(api.getData(), sourceInput); |
||
| 894 | var embed = dataToHtml(editor, data); |
||
| 895 | api.setData(wrap(__assign(__assign({}, data), { embed: embed }))); |
||
| 896 | }; |
||
| 897 | var mediaInput = [{ |
||
| 898 | name: 'source', |
||
| 899 | type: 'urlinput', |
||
| 900 | filetype: 'media', |
||
| 901 | label: 'Source' |
||
| 902 | }]; |
||
| 903 | var sizeInput = !hasDimensions(editor) ? [] : [{ |
||
| 904 | type: 'sizeinput', |
||
| 905 | name: 'dimensions', |
||
| 906 | label: 'Constrain proportions', |
||
| 907 | constrain: true |
||
| 908 | }]; |
||
| 909 | var generalTab = { |
||
| 910 | title: 'General', |
||
| 911 | name: 'general', |
||
| 912 | items: flatten([ |
||
| 913 | mediaInput, |
||
| 914 | sizeInput |
||
| 915 | ]) |
||
| 916 | }; |
||
| 917 | var embedTextarea = { |
||
| 918 | type: 'textarea', |
||
| 919 | name: 'embed', |
||
| 920 | label: 'Paste your embed code below:' |
||
| 921 | }; |
||
| 922 | var embedTab = { |
||
| 923 | title: 'Embed', |
||
| 924 | items: [embedTextarea] |
||
| 925 | }; |
||
| 926 | var advancedFormItems = []; |
||
| 927 | if (hasAltSource(editor)) { |
||
| 928 | advancedFormItems.push({ |
||
| 929 | name: 'altsource', |
||
| 930 | type: 'urlinput', |
||
| 931 | filetype: 'media', |
||
| 932 | label: 'Alternative source URL' |
||
| 933 | }); |
||
| 934 | } |
||
| 935 | if (hasPoster(editor)) { |
||
| 936 | advancedFormItems.push({ |
||
| 937 | name: 'poster', |
||
| 938 | type: 'urlinput', |
||
| 939 | filetype: 'image', |
||
| 940 | label: 'Media poster (Image URL)' |
||
| 941 | }); |
||
| 942 | } |
||
| 943 | var advancedTab = { |
||
| 944 | title: 'Advanced', |
||
| 945 | name: 'advanced', |
||
| 946 | items: advancedFormItems |
||
| 947 | }; |
||
| 948 | var tabs = [ |
||
| 949 | generalTab, |
||
| 950 | embedTab |
||
| 951 | ]; |
||
| 952 | if (advancedFormItems.length > 0) { |
||
| 953 | tabs.push(advancedTab); |
||
| 954 | } |
||
| 955 | var body = { |
||
| 956 | type: 'tabpanel', |
||
| 957 | tabs: tabs |
||
| 958 | }; |
||
| 959 | var win = editor.windowManager.open({ |
||
| 960 | title: 'Insert/Edit Media', |
||
| 961 | size: 'normal', |
||
| 962 | body: body, |
||
| 963 | buttons: [ |
||
| 964 | { |
||
| 965 | type: 'cancel', |
||
| 966 | name: 'cancel', |
||
| 967 | text: 'Cancel' |
||
| 968 | }, |
||
| 969 | { |
||
| 970 | type: 'submit', |
||
| 971 | name: 'save', |
||
| 972 | text: 'Save', |
||
| 973 | primary: true |
||
| 974 | } |
||
| 975 | ], |
||
| 976 | onSubmit: function (api) { |
||
| 977 | var serviceData = unwrap(api.getData()); |
||
| 978 | submitForm(currentData.get(), serviceData, editor); |
||
| 979 | api.close(); |
||
| 980 | }, |
||
| 981 | onChange: function (api, detail) { |
||
| 982 | switch (detail.name) { |
||
| 983 | case 'source': |
||
| 984 | handleSource(currentData.get(), api); |
||
| 985 | break; |
||
| 986 | case 'embed': |
||
| 987 | handleEmbed(api); |
||
| 988 | break; |
||
| 989 | case 'dimensions': |
||
| 990 | case 'altsource': |
||
| 991 | case 'poster': |
||
| 992 | handleUpdate(api, detail.name); |
||
| 993 | break; |
||
| 994 | } |
||
| 995 | currentData.set(unwrap(api.getData())); |
||
| 996 | }, |
||
| 997 | initialData: initialData |
||
| 998 | }); |
||
| 999 | }; |
||
| 1000 | |||
| 637 | daniel-mar | 1001 | var get = function (editor) { |
| 597 | daniel-mar | 1002 | var showDialog$1 = function () { |
| 1003 | showDialog(editor); |
||
| 1004 | }; |
||
| 1005 | return { showDialog: showDialog$1 }; |
||
| 1006 | }; |
||
| 1007 | |||
| 637 | daniel-mar | 1008 | var register$1 = function (editor) { |
| 597 | daniel-mar | 1009 | var showDialog$1 = function () { |
| 1010 | showDialog(editor); |
||
| 1011 | }; |
||
| 1012 | editor.addCommand('mceMedia', showDialog$1); |
||
| 1013 | }; |
||
| 1014 | |||
| 637 | daniel-mar | 1015 | var global$2 = tinymce.util.Tools.resolve('tinymce.html.Node'); |
| 597 | daniel-mar | 1016 | |
| 637 | daniel-mar | 1017 | var global$1 = tinymce.util.Tools.resolve('tinymce.Env'); |
| 597 | daniel-mar | 1018 | |
| 637 | daniel-mar | 1019 | var global = tinymce.util.Tools.resolve('tinymce.html.DomParser'); |
| 597 | daniel-mar | 1020 | |
| 1021 | var sanitize = function (editor, html) { |
||
| 1022 | if (shouldFilterHtml(editor) === false) { |
||
| 1023 | return html; |
||
| 1024 | } |
||
| 637 | daniel-mar | 1025 | var writer = global$4(); |
| 597 | daniel-mar | 1026 | var blocked; |
| 637 | daniel-mar | 1027 | global$6({ |
| 597 | daniel-mar | 1028 | validate: false, |
| 1029 | allow_conditional_comments: false, |
||
| 1030 | comment: function (text) { |
||
| 1031 | if (!blocked) { |
||
| 1032 | writer.comment(text); |
||
| 1033 | } |
||
| 1034 | }, |
||
| 1035 | cdata: function (text) { |
||
| 1036 | if (!blocked) { |
||
| 1037 | writer.cdata(text); |
||
| 1038 | } |
||
| 1039 | }, |
||
| 1040 | text: function (text, raw) { |
||
| 1041 | if (!blocked) { |
||
| 1042 | writer.text(text, raw); |
||
| 1043 | } |
||
| 1044 | }, |
||
| 1045 | start: function (name, attrs, empty) { |
||
| 1046 | blocked = true; |
||
| 1047 | if (name === 'script' || name === 'noscript' || name === 'svg') { |
||
| 1048 | return; |
||
| 1049 | } |
||
| 1050 | for (var i = attrs.length - 1; i >= 0; i--) { |
||
| 1051 | var attrName = attrs[i].name; |
||
| 1052 | if (attrName.indexOf('on') === 0) { |
||
| 1053 | delete attrs.map[attrName]; |
||
| 1054 | attrs.splice(i, 1); |
||
| 1055 | } |
||
| 1056 | if (attrName === 'style') { |
||
| 1057 | attrs[i].value = editor.dom.serializeStyle(editor.dom.parseStyle(attrs[i].value), name); |
||
| 1058 | } |
||
| 1059 | } |
||
| 1060 | writer.start(name, attrs, empty); |
||
| 1061 | blocked = false; |
||
| 1062 | }, |
||
| 1063 | end: function (name) { |
||
| 1064 | if (blocked) { |
||
| 1065 | return; |
||
| 1066 | } |
||
| 1067 | writer.end(name); |
||
| 1068 | } |
||
| 637 | daniel-mar | 1069 | }, global$5({})).parse(html); |
| 597 | daniel-mar | 1070 | return writer.getContent(); |
| 1071 | }; |
||
| 1072 | |||
| 1073 | var isLiveEmbedNode = function (node) { |
||
| 1074 | var name = node.name; |
||
| 1075 | return name === 'iframe' || name === 'video' || name === 'audio'; |
||
| 1076 | }; |
||
| 1077 | var getDimension = function (node, styles, dimension, defaultValue) { |
||
| 1078 | if (defaultValue === void 0) { |
||
| 1079 | defaultValue = null; |
||
| 1080 | } |
||
| 1081 | var value = node.attr(dimension); |
||
| 1082 | if (isNonNullable(value)) { |
||
| 1083 | return value; |
||
| 1084 | } else if (!has(styles, dimension)) { |
||
| 1085 | return defaultValue; |
||
| 1086 | } else { |
||
| 1087 | return null; |
||
| 1088 | } |
||
| 1089 | }; |
||
| 1090 | var setDimensions = function (node, previewNode, styles) { |
||
| 1091 | var useDefaults = previewNode.name === 'img' || node.name === 'video'; |
||
| 1092 | var defaultWidth = useDefaults ? '300' : null; |
||
| 1093 | var fallbackHeight = node.name === 'audio' ? '30' : '150'; |
||
| 1094 | var defaultHeight = useDefaults ? fallbackHeight : null; |
||
| 1095 | previewNode.attr({ |
||
| 1096 | width: getDimension(node, styles, 'width', defaultWidth), |
||
| 1097 | height: getDimension(node, styles, 'height', defaultHeight) |
||
| 1098 | }); |
||
| 1099 | }; |
||
| 1100 | var appendNodeContent = function (editor, nodeName, previewNode, html) { |
||
| 637 | daniel-mar | 1101 | var newNode = global({ |
| 597 | daniel-mar | 1102 | forced_root_block: false, |
| 1103 | validate: false |
||
| 1104 | }, editor.schema).parse(html, { context: nodeName }); |
||
| 1105 | while (newNode.firstChild) { |
||
| 1106 | previewNode.append(newNode.firstChild); |
||
| 1107 | } |
||
| 1108 | }; |
||
| 1109 | var createPlaceholderNode = function (editor, node) { |
||
| 1110 | var name = node.name; |
||
| 637 | daniel-mar | 1111 | var placeHolder = new global$2('img', 1); |
| 597 | daniel-mar | 1112 | placeHolder.shortEnded = true; |
| 1113 | retainAttributesAndInnerHtml(editor, node, placeHolder); |
||
| 1114 | setDimensions(node, placeHolder, {}); |
||
| 1115 | placeHolder.attr({ |
||
| 1116 | 'style': node.attr('style'), |
||
| 637 | daniel-mar | 1117 | 'src': global$1.transparentSrc, |
| 597 | daniel-mar | 1118 | 'data-mce-object': name, |
| 1119 | 'class': 'mce-object mce-object-' + name |
||
| 1120 | }); |
||
| 1121 | return placeHolder; |
||
| 1122 | }; |
||
| 1123 | var createPreviewNode = function (editor, node) { |
||
| 1124 | var name = node.name; |
||
| 637 | daniel-mar | 1125 | var previewWrapper = new global$2('span', 1); |
| 597 | daniel-mar | 1126 | previewWrapper.attr({ |
| 1127 | 'contentEditable': 'false', |
||
| 1128 | 'style': node.attr('style'), |
||
| 1129 | 'data-mce-object': name, |
||
| 1130 | 'class': 'mce-preview-object mce-object-' + name |
||
| 1131 | }); |
||
| 1132 | retainAttributesAndInnerHtml(editor, node, previewWrapper); |
||
| 1133 | var styles = editor.dom.parseStyle(node.attr('style')); |
||
| 637 | daniel-mar | 1134 | var previewNode = new global$2(name, 1); |
| 597 | daniel-mar | 1135 | setDimensions(node, previewNode, styles); |
| 1136 | previewNode.attr({ |
||
| 1137 | src: node.attr('src'), |
||
| 1138 | style: node.attr('style'), |
||
| 1139 | class: node.attr('class') |
||
| 1140 | }); |
||
| 1141 | if (name === 'iframe') { |
||
| 1142 | previewNode.attr({ |
||
| 1143 | allowfullscreen: node.attr('allowfullscreen'), |
||
| 1144 | frameborder: '0' |
||
| 1145 | }); |
||
| 1146 | } else { |
||
| 1147 | var attrs = [ |
||
| 1148 | 'controls', |
||
| 1149 | 'crossorigin', |
||
| 1150 | 'currentTime', |
||
| 1151 | 'loop', |
||
| 1152 | 'muted', |
||
| 1153 | 'poster', |
||
| 1154 | 'preload' |
||
| 1155 | ]; |
||
| 637 | daniel-mar | 1156 | each$1(attrs, function (attrName) { |
| 597 | daniel-mar | 1157 | previewNode.attr(attrName, node.attr(attrName)); |
| 1158 | }); |
||
| 1159 | var sanitizedHtml = previewWrapper.attr('data-mce-html'); |
||
| 1160 | if (isNonNullable(sanitizedHtml)) { |
||
| 679 | daniel-mar | 1161 | appendNodeContent(editor, name, previewNode, unescape(sanitizedHtml)); |
| 597 | daniel-mar | 1162 | } |
| 1163 | } |
||
| 637 | daniel-mar | 1164 | var shimNode = new global$2('span', 1); |
| 597 | daniel-mar | 1165 | shimNode.attr('class', 'mce-shim'); |
| 1166 | previewWrapper.append(previewNode); |
||
| 1167 | previewWrapper.append(shimNode); |
||
| 1168 | return previewWrapper; |
||
| 1169 | }; |
||
| 1170 | var retainAttributesAndInnerHtml = function (editor, sourceNode, targetNode) { |
||
| 1171 | var attribs = sourceNode.attributes; |
||
| 1172 | var ai = attribs.length; |
||
| 1173 | while (ai--) { |
||
| 1174 | var attrName = attribs[ai].name; |
||
| 1175 | var attrValue = attribs[ai].value; |
||
| 1176 | if (attrName !== 'width' && attrName !== 'height' && attrName !== 'style') { |
||
| 1177 | if (attrName === 'data' || attrName === 'src') { |
||
| 1178 | attrValue = editor.convertURL(attrValue, attrName); |
||
| 1179 | } |
||
| 1180 | targetNode.attr('data-mce-p-' + attrName, attrValue); |
||
| 1181 | } |
||
| 1182 | } |
||
| 1183 | var innerHtml = sourceNode.firstChild && sourceNode.firstChild.value; |
||
| 1184 | if (innerHtml) { |
||
| 1185 | targetNode.attr('data-mce-html', escape(sanitize(editor, innerHtml))); |
||
| 1186 | targetNode.firstChild = null; |
||
| 1187 | } |
||
| 1188 | }; |
||
| 1189 | var isPageEmbedWrapper = function (node) { |
||
| 1190 | var nodeClass = node.attr('class'); |
||
| 1191 | return nodeClass && /\btiny-pageembed\b/.test(nodeClass); |
||
| 1192 | }; |
||
| 1193 | var isWithinEmbedWrapper = function (node) { |
||
| 1194 | while (node = node.parent) { |
||
| 1195 | if (node.attr('data-ephox-embed-iri') || isPageEmbedWrapper(node)) { |
||
| 1196 | return true; |
||
| 1197 | } |
||
| 1198 | } |
||
| 1199 | return false; |
||
| 1200 | }; |
||
| 1201 | var placeHolderConverter = function (editor) { |
||
| 1202 | return function (nodes) { |
||
| 1203 | var i = nodes.length; |
||
| 1204 | var node; |
||
| 1205 | var videoScript; |
||
| 1206 | while (i--) { |
||
| 1207 | node = nodes[i]; |
||
| 1208 | if (!node.parent) { |
||
| 1209 | continue; |
||
| 1210 | } |
||
| 1211 | if (node.parent.attr('data-mce-object')) { |
||
| 1212 | continue; |
||
| 1213 | } |
||
| 1214 | if (node.name === 'script') { |
||
| 1215 | videoScript = getVideoScriptMatch(getScripts(editor), node.attr('src')); |
||
| 1216 | if (!videoScript) { |
||
| 1217 | continue; |
||
| 1218 | } |
||
| 1219 | } |
||
| 1220 | if (videoScript) { |
||
| 1221 | if (videoScript.width) { |
||
| 1222 | node.attr('width', videoScript.width.toString()); |
||
| 1223 | } |
||
| 1224 | if (videoScript.height) { |
||
| 1225 | node.attr('height', videoScript.height.toString()); |
||
| 1226 | } |
||
| 1227 | } |
||
| 637 | daniel-mar | 1228 | if (isLiveEmbedNode(node) && hasLiveEmbeds(editor) && global$1.ceFalse) { |
| 597 | daniel-mar | 1229 | if (!isWithinEmbedWrapper(node)) { |
| 1230 | node.replace(createPreviewNode(editor, node)); |
||
| 1231 | } |
||
| 1232 | } else { |
||
| 1233 | if (!isWithinEmbedWrapper(node)) { |
||
| 1234 | node.replace(createPlaceholderNode(editor, node)); |
||
| 1235 | } |
||
| 1236 | } |
||
| 1237 | } |
||
| 1238 | }; |
||
| 1239 | }; |
||
| 1240 | |||
| 679 | daniel-mar | 1241 | var setup$1 = function (editor) { |
| 597 | daniel-mar | 1242 | editor.on('preInit', function () { |
| 1243 | var specialElements = editor.schema.getSpecialElements(); |
||
| 637 | daniel-mar | 1244 | global$8.each('video audio iframe object'.split(' '), function (name) { |
| 597 | daniel-mar | 1245 | specialElements[name] = new RegExp('</' + name + '[^>]*>', 'gi'); |
| 1246 | }); |
||
| 1247 | var boolAttrs = editor.schema.getBoolAttrs(); |
||
| 637 | daniel-mar | 1248 | global$8.each('webkitallowfullscreen mozallowfullscreen allowfullscreen'.split(' '), function (name) { |
| 597 | daniel-mar | 1249 | boolAttrs[name] = {}; |
| 1250 | }); |
||
| 1251 | editor.parser.addNodeFilter('iframe,video,audio,object,embed,script', placeHolderConverter(editor)); |
||
| 1252 | editor.serializer.addAttributeFilter('data-mce-object', function (nodes, name) { |
||
| 1253 | var i = nodes.length; |
||
| 1254 | var node; |
||
| 1255 | var realElm; |
||
| 1256 | var ai; |
||
| 1257 | var attribs; |
||
| 1258 | var innerHtml; |
||
| 1259 | var innerNode; |
||
| 1260 | var realElmName; |
||
| 1261 | var className; |
||
| 1262 | while (i--) { |
||
| 1263 | node = nodes[i]; |
||
| 1264 | if (!node.parent) { |
||
| 1265 | continue; |
||
| 1266 | } |
||
| 1267 | realElmName = node.attr(name); |
||
| 637 | daniel-mar | 1268 | realElm = new global$2(realElmName, 1); |
| 597 | daniel-mar | 1269 | if (realElmName !== 'audio' && realElmName !== 'script') { |
| 1270 | className = node.attr('class'); |
||
| 1271 | if (className && className.indexOf('mce-preview-object') !== -1) { |
||
| 1272 | realElm.attr({ |
||
| 1273 | width: node.firstChild.attr('width'), |
||
| 1274 | height: node.firstChild.attr('height') |
||
| 1275 | }); |
||
| 1276 | } else { |
||
| 1277 | realElm.attr({ |
||
| 1278 | width: node.attr('width'), |
||
| 1279 | height: node.attr('height') |
||
| 1280 | }); |
||
| 1281 | } |
||
| 1282 | } |
||
| 1283 | realElm.attr({ style: node.attr('style') }); |
||
| 1284 | attribs = node.attributes; |
||
| 1285 | ai = attribs.length; |
||
| 1286 | while (ai--) { |
||
| 1287 | var attrName = attribs[ai].name; |
||
| 1288 | if (attrName.indexOf('data-mce-p-') === 0) { |
||
| 1289 | realElm.attr(attrName.substr(11), attribs[ai].value); |
||
| 1290 | } |
||
| 1291 | } |
||
| 1292 | if (realElmName === 'script') { |
||
| 1293 | realElm.attr('type', 'text/javascript'); |
||
| 1294 | } |
||
| 1295 | innerHtml = node.attr('data-mce-html'); |
||
| 1296 | if (innerHtml) { |
||
| 637 | daniel-mar | 1297 | innerNode = new global$2('#text', 3); |
| 597 | daniel-mar | 1298 | innerNode.raw = true; |
| 1299 | innerNode.value = sanitize(editor, unescape(innerHtml)); |
||
| 1300 | realElm.append(innerNode); |
||
| 1301 | } |
||
| 1302 | node.replace(realElm); |
||
| 1303 | } |
||
| 1304 | }); |
||
| 1305 | }); |
||
| 1306 | editor.on('SetContent', function () { |
||
| 1307 | editor.$('span.mce-preview-object').each(function (index, elm) { |
||
| 1308 | var $elm = editor.$(elm); |
||
| 1309 | if ($elm.find('span.mce-shim').length === 0) { |
||
| 1310 | $elm.append('<span class="mce-shim"></span>'); |
||
| 1311 | } |
||
| 1312 | }); |
||
| 1313 | }); |
||
| 1314 | }; |
||
| 1315 | |||
| 679 | daniel-mar | 1316 | var setup = function (editor) { |
| 597 | daniel-mar | 1317 | editor.on('ResolveName', function (e) { |
| 1318 | var name; |
||
| 1319 | if (e.target.nodeType === 1 && (name = e.target.getAttribute('data-mce-object'))) { |
||
| 1320 | e.name = name; |
||
| 1321 | } |
||
| 1322 | }); |
||
| 1323 | }; |
||
| 1324 | |||
| 637 | daniel-mar | 1325 | var register = function (editor) { |
| 1326 | var onAction = function () { |
||
| 1327 | return editor.execCommand('mceMedia'); |
||
| 1328 | }; |
||
| 597 | daniel-mar | 1329 | editor.ui.registry.addToggleButton('media', { |
| 1330 | tooltip: 'Insert/edit media', |
||
| 1331 | icon: 'embed', |
||
| 637 | daniel-mar | 1332 | onAction: onAction, |
| 679 | daniel-mar | 1333 | onSetup: function (buttonApi) { |
| 1334 | var selection = editor.selection; |
||
| 1335 | buttonApi.setActive(isMediaElement(selection.getNode())); |
||
| 1336 | return selection.selectorChangedWithUnbind('img[data-mce-object],span[data-mce-object],div[data-ephox-embed-iri]', buttonApi.setActive).unbind; |
||
| 1337 | } |
||
| 597 | daniel-mar | 1338 | }); |
| 1339 | editor.ui.registry.addMenuItem('media', { |
||
| 1340 | icon: 'embed', |
||
| 1341 | text: 'Media...', |
||
| 637 | daniel-mar | 1342 | onAction: onAction |
| 597 | daniel-mar | 1343 | }); |
| 1344 | }; |
||
| 1345 | |||
| 1346 | function Plugin () { |
||
| 637 | daniel-mar | 1347 | global$9.add('media', function (editor) { |
| 1348 | register$1(editor); |
||
| 597 | daniel-mar | 1349 | register(editor); |
| 679 | daniel-mar | 1350 | setup(editor); |
| 597 | daniel-mar | 1351 | setup$1(editor); |
| 637 | daniel-mar | 1352 | setup$2(editor); |
| 1353 | return get(editor); |
||
| 597 | daniel-mar | 1354 | }); |
| 1355 | } |
||
| 1356 | |||
| 1357 | Plugin(); |
||
| 1358 | |||
| 1359 | }()); |