diff -r c7c34916027a -r 177826044cd9 wp/wp-includes/js/tinymce/plugins/media/plugin.js --- a/wp/wp-includes/js/tinymce/plugins/media/plugin.js Mon Oct 14 18:06:33 2019 +0200 +++ b/wp/wp-includes/js/tinymce/plugins/media/plugin.js Mon Oct 14 18:28:13 2019 +0200 @@ -1,1166 +1,1166 @@ (function () { var media = (function () { - 'use strict'; - - var global = tinymce.util.Tools.resolve('tinymce.PluginManager'); - - var global$1 = tinymce.util.Tools.resolve('tinymce.Env'); - - var global$2 = tinymce.util.Tools.resolve('tinymce.util.Tools'); - - var getScripts = function (editor) { - return editor.getParam('media_scripts'); - }; - var getAudioTemplateCallback = function (editor) { - return editor.getParam('audio_template_callback'); - }; - var getVideoTemplateCallback = function (editor) { - return editor.getParam('video_template_callback'); - }; - var hasLiveEmbeds = function (editor) { - return editor.getParam('media_live_embeds', true); - }; - var shouldFilterHtml = function (editor) { - return editor.getParam('media_filter_html', true); - }; - var getUrlResolver = function (editor) { - return editor.getParam('media_url_resolver'); - }; - var hasAltSource = function (editor) { - return editor.getParam('media_alt_source', true); - }; - var hasPoster = function (editor) { - return editor.getParam('media_poster', true); - }; - var hasDimensions = function (editor) { - return editor.getParam('media_dimensions', true); - }; - var $_69rpmgh3jjgwecnr = { - getScripts: getScripts, - getAudioTemplateCallback: getAudioTemplateCallback, - getVideoTemplateCallback: getVideoTemplateCallback, - hasLiveEmbeds: hasLiveEmbeds, - shouldFilterHtml: shouldFilterHtml, - getUrlResolver: getUrlResolver, - hasAltSource: hasAltSource, - hasPoster: hasPoster, - hasDimensions: hasDimensions - }; - - var global$3 = tinymce.util.Tools.resolve('tinymce.html.SaxParser'); - - var global$4 = tinymce.util.Tools.resolve('tinymce.dom.DOMUtils'); - - var getVideoScriptMatch = function (prefixes, src) { - if (prefixes) { - for (var i = 0; i < prefixes.length; i++) { - if (src.indexOf(prefixes[i].filter) !== -1) { - return prefixes[i]; - } - } - } - }; - var $_4q3fmh7jjgwecnw = { getVideoScriptMatch: getVideoScriptMatch }; - - var trimPx = function (value) { - return value.replace(/px$/, ''); - }; - var addPx = function (value) { - return /^[0-9.]+$/.test(value) ? value + 'px' : value; - }; - var getSize = function (name) { - return function (elm) { - return elm ? trimPx(elm.style[name]) : ''; - }; - }; - var setSize = function (name) { - return function (elm, value) { - if (elm) { - elm.style[name] = addPx(value); - } - }; - }; - var $_jbvx7h8jjgwecnx = { - getMaxWidth: getSize('maxWidth'), - getMaxHeight: getSize('maxHeight'), - setMaxWidth: setSize('maxWidth'), - setMaxHeight: setSize('maxHeight') - }; + 'use strict'; - var DOM = global$4.DOM; - var getEphoxEmbedIri = function (elm) { - return DOM.getAttrib(elm, 'data-ephox-embed-iri'); - }; - var isEphoxEmbed = function (html) { - var fragment = DOM.createFragment(html); - return getEphoxEmbedIri(fragment.firstChild) !== ''; - }; - var htmlToDataSax = function (prefixes, html) { - var data = {}; - global$3({ - validate: false, - allow_conditional_comments: true, - special: 'script,noscript', - start: function (name, attrs) { - if (!data.source1 && name === 'param') { - data.source1 = attrs.map.movie; - } - if (name === 'iframe' || name === 'object' || name === 'embed' || name === 'video' || name === 'audio') { - if (!data.type) { - data.type = name; - } - data = global$2.extend(attrs.map, data); - } - if (name === 'script') { - var videoScript = $_4q3fmh7jjgwecnw.getVideoScriptMatch(prefixes, attrs.map.src); - if (!videoScript) { - return; - } - data = { - type: 'script', - source1: attrs.map.src, - width: videoScript.width, - height: videoScript.height - }; - } - if (name === 'source') { - if (!data.source1) { - data.source1 = attrs.map.src; - } else if (!data.source2) { - data.source2 = attrs.map.src; - } - } - if (name === 'img' && !data.poster) { - data.poster = attrs.map.src; - } - } - }).parse(html); - data.source1 = data.source1 || data.src || data.data; - data.source2 = data.source2 || ''; - data.poster = data.poster || ''; - return data; - }; - var ephoxEmbedHtmlToData = function (html) { - var fragment = DOM.createFragment(html); - var div = fragment.firstChild; - return { - type: 'ephox-embed-iri', - source1: getEphoxEmbedIri(div), - source2: '', - poster: '', - width: $_jbvx7h8jjgwecnx.getMaxWidth(div), - height: $_jbvx7h8jjgwecnx.getMaxHeight(div) - }; - }; - var htmlToData = function (prefixes, html) { - return isEphoxEmbed(html) ? ephoxEmbedHtmlToData(html) : htmlToDataSax(prefixes, html); - }; - var $_6mep3hh4jjgwecnt = { htmlToData: htmlToData }; - - var global$5 = tinymce.util.Tools.resolve('tinymce.util.Promise'); - - var guess = function (url) { - var mimes = { - mp3: 'audio/mpeg', - wav: 'audio/wav', - mp4: 'video/mp4', - webm: 'video/webm', - ogg: 'video/ogg', - swf: 'application/x-shockwave-flash' - }; - var fileEnd = url.toLowerCase().split('.').pop(); - var mime = mimes[fileEnd]; - return mime ? mime : ''; - }; - var $_d9gn6bhcjjgwecol = { guess: guess }; - - var global$6 = tinymce.util.Tools.resolve('tinymce.html.Writer'); - - var global$7 = tinymce.util.Tools.resolve('tinymce.html.Schema'); + var global = tinymce.util.Tools.resolve('tinymce.PluginManager'); - var DOM$1 = global$4.DOM; - var setAttributes = function (attrs, updatedAttrs) { - var name; - var i; - var value; - var attr; - for (name in updatedAttrs) { - value = '' + updatedAttrs[name]; - if (attrs.map[name]) { - i = attrs.length; - while (i--) { - attr = attrs[i]; - if (attr.name === name) { - if (value) { - attrs.map[name] = value; - attr.value = value; - } else { - delete attrs.map[name]; - attrs.splice(i, 1); - } - } - } - } else if (value) { - attrs.push({ - name: name, - value: value - }); - attrs.map[name] = value; - } - } - }; - var normalizeHtml = function (html) { - var writer = global$6(); - var parser = global$3(writer); - parser.parse(html); - return writer.getContent(); - }; - var updateHtmlSax = function (html, data, updateAll) { - var writer = global$6(); - var sourceCount = 0; - var hasImage; - global$3({ - validate: false, - allow_conditional_comments: true, - special: 'script,noscript', - comment: function (text) { - writer.comment(text); - }, - cdata: function (text) { - writer.cdata(text); - }, - text: function (text, raw) { - writer.text(text, raw); - }, - start: function (name, attrs, empty) { - switch (name) { - case 'video': - case 'object': - case 'embed': - case 'img': - case 'iframe': - if (data.height !== undefined && data.width !== undefined) { - setAttributes(attrs, { - width: data.width, - height: data.height - }); - } - break; - } - if (updateAll) { - switch (name) { - case 'video': - setAttributes(attrs, { - poster: data.poster, - src: '' - }); - if (data.source2) { - setAttributes(attrs, { src: '' }); - } - break; - case 'iframe': - setAttributes(attrs, { src: data.source1 }); - break; - case 'source': - sourceCount++; - if (sourceCount <= 2) { - setAttributes(attrs, { - src: data['source' + sourceCount], - type: data['source' + sourceCount + 'mime'] - }); - if (!data['source' + sourceCount]) { - return; - } - } - break; - case 'img': - if (!data.poster) { - return; - } - hasImage = true; - break; - } - } - writer.start(name, attrs, empty); - }, - end: function (name) { - if (name === 'video' && updateAll) { - for (var index = 1; index <= 2; index++) { - if (data['source' + index]) { - var attrs = []; - attrs.map = {}; - if (sourceCount < index) { - setAttributes(attrs, { - src: data['source' + index], - type: data['source' + index + 'mime'] - }); - writer.start('source', attrs, true); - } - } - } - } - if (data.poster && name === 'object' && updateAll && !hasImage) { - var imgAttrs = []; - imgAttrs.map = {}; - setAttributes(imgAttrs, { - src: data.poster, - width: data.width, - height: data.height - }); - writer.start('img', imgAttrs, true); - } - writer.end(name); - } - }, global$7({})).parse(html); - return writer.getContent(); - }; - var isEphoxEmbed$1 = function (html) { - var fragment = DOM$1.createFragment(html); - return DOM$1.getAttrib(fragment.firstChild, 'data-ephox-embed-iri') !== ''; - }; - var updateEphoxEmbed = function (html, data) { - var fragment = DOM$1.createFragment(html); - var div = fragment.firstChild; - $_jbvx7h8jjgwecnx.setMaxWidth(div, data.width); - $_jbvx7h8jjgwecnx.setMaxHeight(div, data.height); - return normalizeHtml(div.outerHTML); - }; - var updateHtml = function (html, data, updateAll) { - return isEphoxEmbed$1(html) ? updateEphoxEmbed(html, data) : updateHtmlSax(html, data, updateAll); - }; - var $_s3qkohdjjgwecon = { updateHtml: updateHtml }; + var global$1 = tinymce.util.Tools.resolve('tinymce.Env'); - var urlPatterns = [ - { - regex: /youtu\.be\/([\w\-_\?&=.]+)/i, - type: 'iframe', - w: 560, - h: 314, - url: '//www.youtube.com/embed/$1', - allowFullscreen: true - }, - { - regex: /youtube\.com(.+)v=([^&]+)(&([a-z0-9&=\-_]+))?/i, - type: 'iframe', - w: 560, - h: 314, - url: '//www.youtube.com/embed/$2?$4', - allowFullscreen: true - }, - { - regex: /youtube.com\/embed\/([a-z0-9\?&=\-_]+)/i, - type: 'iframe', - w: 560, - h: 314, - url: '//www.youtube.com/embed/$1', - allowFullscreen: true - }, - { - regex: /vimeo\.com\/([0-9]+)/, - type: 'iframe', - w: 425, - h: 350, - url: '//player.vimeo.com/video/$1?title=0&byline=0&portrait=0&color=8dc7dc', - allowFullscreen: true - }, - { - regex: /vimeo\.com\/(.*)\/([0-9]+)/, - type: 'iframe', - w: 425, - h: 350, - url: '//player.vimeo.com/video/$2?title=0&byline=0', - allowFullscreen: true - }, - { - regex: /maps\.google\.([a-z]{2,3})\/maps\/(.+)msid=(.+)/, - type: 'iframe', - w: 425, - h: 350, - url: '//maps.google.com/maps/ms?msid=$2&output=embed"', - allowFullscreen: false - }, - { - regex: /dailymotion\.com\/video\/([^_]+)/, - type: 'iframe', - w: 480, - h: 270, - url: '//www.dailymotion.com/embed/video/$1', - allowFullscreen: true - }, - { - regex: /dai\.ly\/([^_]+)/, - type: 'iframe', - w: 480, - h: 270, - url: '//www.dailymotion.com/embed/video/$1', - allowFullscreen: true - } - ]; - var getUrl = function (pattern, url) { - var match = pattern.regex.exec(url); - var newUrl = pattern.url; - var _loop_1 = function (i) { - newUrl = newUrl.replace('$' + i, function () { - return match[i] ? match[i] : ''; - }); - }; - for (var i = 0; i < match.length; i++) { - _loop_1(i); - } - return newUrl.replace(/\?$/, ''); - }; - var matchPattern = function (url) { - var pattern = urlPatterns.filter(function (pattern) { - return pattern.regex.test(url); - }); - if (pattern.length > 0) { - return global$2.extend({}, pattern[0], { url: getUrl(pattern[0], url) }); - } else { - return null; - } - }; + var global$2 = tinymce.util.Tools.resolve('tinymce.util.Tools'); - var getIframeHtml = function (data) { - var allowFullscreen = data.allowFullscreen ? ' allowFullscreen="1"' : ''; - return ''; - }; - var getFlashHtml = function (data) { - var html = ''; - if (data.poster) { - html += ''; - } - html += ''; - return html; - }; - var getAudioHtml = function (data, audioTemplateCallback) { - if (audioTemplateCallback) { - return audioTemplateCallback(data); - } else { - return ''; - } - }; - var getVideoHtml = function (data, videoTemplateCallback) { - if (videoTemplateCallback) { - return videoTemplateCallback(data); - } else { - return ''; - } - }; - var getScriptHtml = function (data) { - return ''; - }; - var dataToHtml = function (editor, dataIn) { - var data = global$2.extend({}, dataIn); - if (!data.source1) { - global$2.extend(data, $_6mep3hh4jjgwecnt.htmlToData($_69rpmgh3jjgwecnr.getScripts(editor), data.embed)); - if (!data.source1) { - return ''; - } - } - if (!data.source2) { - data.source2 = ''; - } - if (!data.poster) { - data.poster = ''; - } - data.source1 = editor.convertURL(data.source1, 'source'); - data.source2 = editor.convertURL(data.source2, 'source'); - data.source1mime = $_d9gn6bhcjjgwecol.guess(data.source1); - data.source2mime = $_d9gn6bhcjjgwecol.guess(data.source2); - data.poster = editor.convertURL(data.poster, 'poster'); - var pattern = matchPattern(data.source1); - if (pattern) { - data.source1 = pattern.url; - data.type = pattern.type; - data.allowFullscreen = pattern.allowFullscreen; - data.width = data.width || pattern.w; - data.height = data.height || pattern.h; - } - if (data.embed) { - return $_s3qkohdjjgwecon.updateHtml(data.embed, data, true); - } else { - var videoScript = $_4q3fmh7jjgwecnw.getVideoScriptMatch($_69rpmgh3jjgwecnr.getScripts(editor), data.source1); - if (videoScript) { - data.type = 'script'; - data.width = videoScript.width; - data.height = videoScript.height; - } - var audioTemplateCallback = $_69rpmgh3jjgwecnr.getAudioTemplateCallback(editor); - var videoTemplateCallback = $_69rpmgh3jjgwecnr.getVideoTemplateCallback(editor); - data.width = data.width || 300; - data.height = data.height || 150; - global$2.each(data, function (value, key) { - data[key] = editor.dom.encode(value); - }); - if (data.type === 'iframe') { - return getIframeHtml(data); - } else if (data.source1mime === 'application/x-shockwave-flash') { - return getFlashHtml(data); - } else if (data.source1mime.indexOf('audio') !== -1) { - return getAudioHtml(data, audioTemplateCallback); - } else if (data.type === 'script') { - return getScriptHtml(data); - } else { - return getVideoHtml(data, videoTemplateCallback); - } - } - }; - var $_bc7nlthbjjgwecoh = { dataToHtml: dataToHtml }; - - var cache = {}; - var embedPromise = function (data, dataToHtml, handler) { - return new global$5(function (res, rej) { - var wrappedResolve = function (response) { - if (response.html) { - cache[data.source1] = response; - } - return res({ - url: data.source1, - html: response.html ? response.html : dataToHtml(data) - }); - }; - if (cache[data.source1]) { - wrappedResolve(cache[data.source1]); - } else { - handler({ url: data.source1 }, wrappedResolve, rej); - } - }); - }; - var defaultPromise = function (data, dataToHtml) { - return new global$5(function (res) { - res({ - html: dataToHtml(data), - url: data.source1 - }); - }); - }; - var loadedData = function (editor) { - return function (data) { - return $_bc7nlthbjjgwecoh.dataToHtml(editor, data); + var getScripts = function (editor) { + return editor.getParam('media_scripts'); + }; + var getAudioTemplateCallback = function (editor) { + return editor.getParam('audio_template_callback'); + }; + var getVideoTemplateCallback = function (editor) { + return editor.getParam('video_template_callback'); + }; + var hasLiveEmbeds = function (editor) { + return editor.getParam('media_live_embeds', true); }; - }; - var getEmbedHtml = function (editor, data) { - var embedHandler = $_69rpmgh3jjgwecnr.getUrlResolver(editor); - return embedHandler ? embedPromise(data, loadedData(editor), embedHandler) : defaultPromise(data, loadedData(editor)); - }; - var isCached = function (url) { - return cache.hasOwnProperty(url); - }; - var $_cwvqyth9jjgweco9 = { - getEmbedHtml: getEmbedHtml, - isCached: isCached - }; - - var doSyncSize = function (widthCtrl, heightCtrl) { - widthCtrl.state.set('oldVal', widthCtrl.value()); - heightCtrl.state.set('oldVal', heightCtrl.value()); - }; - var doSizeControls = function (win, f) { - var widthCtrl = win.find('#width')[0]; - var heightCtrl = win.find('#height')[0]; - var constrained = win.find('#constrain')[0]; - if (widthCtrl && heightCtrl && constrained) { - f(widthCtrl, heightCtrl, constrained.checked()); - } - }; - var doUpdateSize = function (widthCtrl, heightCtrl, isContrained) { - var oldWidth = widthCtrl.state.get('oldVal'); - var oldHeight = heightCtrl.state.get('oldVal'); - var newWidth = widthCtrl.value(); - var newHeight = heightCtrl.value(); - if (isContrained && oldWidth && oldHeight && newWidth && newHeight) { - if (newWidth !== oldWidth) { - newHeight = Math.round(newWidth / oldWidth * newHeight); - if (!isNaN(newHeight)) { - heightCtrl.value(newHeight); - } - } else { - newWidth = Math.round(newHeight / oldHeight * newWidth); - if (!isNaN(newWidth)) { - widthCtrl.value(newWidth); - } - } - } - doSyncSize(widthCtrl, heightCtrl); - }; - var syncSize = function (win) { - doSizeControls(win, doSyncSize); - }; - var updateSize = function (win) { - doSizeControls(win, doUpdateSize); - }; - var createUi = function (onChange) { - var recalcSize = function () { - onChange(function (win) { - updateSize(win); - }); + var shouldFilterHtml = function (editor) { + return editor.getParam('media_filter_html', true); + }; + var getUrlResolver = function (editor) { + return editor.getParam('media_url_resolver'); }; - return { - type: 'container', - label: 'Dimensions', - layout: 'flex', - align: 'center', - spacing: 5, - items: [ - { - name: 'width', - type: 'textbox', - maxLength: 5, - size: 5, - onchange: recalcSize, - ariaLabel: 'Width' - }, - { - type: 'label', - text: 'x' - }, - { - name: 'height', - type: 'textbox', - maxLength: 5, - size: 5, - onchange: recalcSize, - ariaLabel: 'Height' - }, - { - name: 'constrain', - type: 'checkbox', - checked: true, - text: 'Constrain proportions' - } - ] + var hasAltSource = function (editor) { + return editor.getParam('media_alt_source', true); }; - }; - var $_ewaahuhhjjgwecow = { - createUi: createUi, - syncSize: syncSize, - updateSize: updateSize - }; - - var embedChange = global$1.ie && global$1.ie <= 8 ? 'onChange' : 'onInput'; - var handleError = function (editor) { - return function (error) { - var errorMessage = error && error.msg ? 'Media embed handler error: ' + error.msg : 'Media embed handler threw unknown error.'; - editor.notificationManager.open({ - type: 'error', - text: errorMessage - }); - }; - }; - var getData = function (editor) { - var element = editor.selection.getNode(); - var dataEmbed = element.getAttribute('data-ephox-embed-iri'); - if (dataEmbed) { - return { - 'source1': dataEmbed, - 'data-ephox-embed-iri': dataEmbed, - 'width': $_jbvx7h8jjgwecnx.getMaxWidth(element), - 'height': $_jbvx7h8jjgwecnx.getMaxHeight(element) - }; - } - return element.getAttribute('data-mce-object') ? $_6mep3hh4jjgwecnt.htmlToData($_69rpmgh3jjgwecnr.getScripts(editor), editor.serializer.serialize(element, { selection: true })) : {}; - }; - var getSource = function (editor) { - var elm = editor.selection.getNode(); - if (elm.getAttribute('data-mce-object') || elm.getAttribute('data-ephox-embed-iri')) { - return editor.selection.getContent(); - } - }; - var addEmbedHtml = function (win, editor) { - return function (response) { - var html = response.html; - var embed = win.find('#embed')[0]; - var data = global$2.extend($_6mep3hh4jjgwecnt.htmlToData($_69rpmgh3jjgwecnr.getScripts(editor), html), { source1: response.url }); - win.fromJSON(data); - if (embed) { - embed.value(html); - $_ewaahuhhjjgwecow.updateSize(win); - } + var hasPoster = function (editor) { + return editor.getParam('media_poster', true); }; - }; - var selectPlaceholder = function (editor, beforeObjects) { - var i; - var y; - var afterObjects = editor.dom.select('img[data-mce-object]'); - for (i = 0; i < beforeObjects.length; i++) { - for (y = afterObjects.length - 1; y >= 0; y--) { - if (beforeObjects[i] === afterObjects[y]) { - afterObjects.splice(y, 1); - } - } - } - editor.selection.select(afterObjects[0]); - }; - var handleInsert = function (editor, html) { - var beforeObjects = editor.dom.select('img[data-mce-object]'); - editor.insertContent(html); - selectPlaceholder(editor, beforeObjects); - editor.nodeChanged(); - }; - var submitForm = function (win, editor) { - var data = win.toJSON(); - data.embed = $_s3qkohdjjgwecon.updateHtml(data.embed, data); - if (data.embed && $_cwvqyth9jjgweco9.isCached(data.source1)) { - handleInsert(editor, data.embed); - } else { - $_cwvqyth9jjgweco9.getEmbedHtml(editor, data).then(function (response) { - handleInsert(editor, response.html); - }).catch(handleError(editor)); - } - }; - var populateMeta = function (win, meta) { - global$2.each(meta, function (value, key) { - win.find('#' + key).value(value); - }); - }; - var showDialog = function (editor) { - var win; - var data; - var generalFormItems = [{ - name: 'source1', - type: 'filepicker', - filetype: 'media', - size: 40, - autofocus: true, - label: 'Source', - onpaste: function () { - setTimeout(function () { - $_cwvqyth9jjgweco9.getEmbedHtml(editor, win.toJSON()).then(addEmbedHtml(win, editor)).catch(handleError(editor)); - }, 1); - }, - onchange: function (e) { - $_cwvqyth9jjgweco9.getEmbedHtml(editor, win.toJSON()).then(addEmbedHtml(win, editor)).catch(handleError(editor)); - populateMeta(win, e.meta); - }, - onbeforecall: function (e) { - e.meta = win.toJSON(); - } - }]; - var advancedFormItems = []; - var reserialise = function (update) { - update(win); - data = win.toJSON(); - win.find('#embed').value($_s3qkohdjjgwecon.updateHtml(data.embed, data)); - }; - if ($_69rpmgh3jjgwecnr.hasAltSource(editor)) { - advancedFormItems.push({ - name: 'source2', - type: 'filepicker', - filetype: 'media', - size: 40, - label: 'Alternative source' - }); - } - if ($_69rpmgh3jjgwecnr.hasPoster(editor)) { - advancedFormItems.push({ - name: 'poster', - type: 'filepicker', - filetype: 'image', - size: 40, - label: 'Poster' - }); - } - if ($_69rpmgh3jjgwecnr.hasDimensions(editor)) { - var control = $_ewaahuhhjjgwecow.createUi(reserialise); - generalFormItems.push(control); - } - data = getData(editor); - var embedTextBox = { - id: 'mcemediasource', - type: 'textbox', - flex: 1, - name: 'embed', - value: getSource(editor), - multiline: true, - rows: 5, - label: 'Source' - }; - var updateValueOnChange = function () { - data = global$2.extend({}, $_6mep3hh4jjgwecnt.htmlToData($_69rpmgh3jjgwecnr.getScripts(editor), this.value())); - this.parent().parent().fromJSON(data); - }; - embedTextBox[embedChange] = updateValueOnChange; - var body = [ - { - title: 'General', - type: 'form', - items: generalFormItems - }, - { - title: 'Embed', - type: 'container', - layout: 'flex', - direction: 'column', - align: 'stretch', - padding: 10, - spacing: 10, - items: [ - { - type: 'label', - text: 'Paste your embed code below:', - forId: 'mcemediasource' - }, - embedTextBox - ] - } - ]; - if (advancedFormItems.length > 0) { - body.push({ - title: 'Advanced', - type: 'form', - items: advancedFormItems - }); - } - win = editor.windowManager.open({ - title: 'Insert/edit media', - data: data, - bodyType: 'tabpanel', - body: body, - onSubmit: function () { - $_ewaahuhhjjgwecow.updateSize(win); - submitForm(win, editor); - } - }); - $_ewaahuhhjjgwecow.syncSize(win); - }; - var $_e3lvjbh0jjgwecnm = { showDialog: showDialog }; - - var get = function (editor) { - var showDialog = function () { - $_e3lvjbh0jjgwecnm.showDialog(editor); - }; - return { showDialog: showDialog }; - }; - var $_9lh0mgzjjgwecnk = { get: get }; - - var register = function (editor) { - var showDialog = function () { - $_e3lvjbh0jjgwecnm.showDialog(editor); + var hasDimensions = function (editor) { + return editor.getParam('media_dimensions', true); }; - editor.addCommand('mceMedia', showDialog); - }; - var $_3pne6fhijjgwecoz = { register: register }; - - var global$8 = tinymce.util.Tools.resolve('tinymce.html.Node'); - - var sanitize = function (editor, html) { - if ($_69rpmgh3jjgwecnr.shouldFilterHtml(editor) === false) { - return html; - } - var writer = global$6(); - var blocked; - global$3({ - validate: false, - allow_conditional_comments: false, - special: 'script,noscript', - comment: function (text) { - writer.comment(text); - }, - cdata: function (text) { - writer.cdata(text); - }, - text: function (text, raw) { - writer.text(text, raw); - }, - start: function (name, attrs, empty) { - blocked = true; - if (name === 'script' || name === 'noscript') { - return; - } - for (var i = 0; i < attrs.length; i++) { - if (attrs[i].name.indexOf('on') === 0) { - return; - } - if (attrs[i].name === 'style') { - attrs[i].value = editor.dom.serializeStyle(editor.dom.parseStyle(attrs[i].value), name); - } - } - writer.start(name, attrs, empty); - blocked = false; - }, - end: function (name) { - if (blocked) { - return; - } - writer.end(name); - } - }, global$7({})).parse(html); - return writer.getContent(); - }; - var $_58i2qvhmjjgwecp7 = { sanitize: sanitize }; + var Settings = { + getScripts: getScripts, + getAudioTemplateCallback: getAudioTemplateCallback, + getVideoTemplateCallback: getVideoTemplateCallback, + hasLiveEmbeds: hasLiveEmbeds, + shouldFilterHtml: shouldFilterHtml, + getUrlResolver: getUrlResolver, + hasAltSource: hasAltSource, + hasPoster: hasPoster, + hasDimensions: hasDimensions + }; - var createPlaceholderNode = function (editor, node) { - var placeHolder; - var name = node.name; - placeHolder = new global$8('img', 1); - placeHolder.shortEnded = true; - retainAttributesAndInnerHtml(editor, node, placeHolder); - placeHolder.attr({ - 'width': node.attr('width') || '300', - 'height': node.attr('height') || (name === 'audio' ? '30' : '150'), - 'style': node.attr('style'), - 'src': global$1.transparentSrc, - 'data-mce-object': name, - 'class': 'mce-object mce-object-' + name - }); - return placeHolder; - }; - var createPreviewIframeNode = function (editor, node) { - var previewWrapper; - var previewNode; - var shimNode; - var name = node.name; - previewWrapper = new global$8('span', 1); - previewWrapper.attr({ - 'contentEditable': 'false', - 'style': node.attr('style'), - 'data-mce-object': name, - 'class': 'mce-preview-object mce-object-' + name - }); - retainAttributesAndInnerHtml(editor, node, previewWrapper); - previewNode = new global$8(name, 1); - previewNode.attr({ - src: node.attr('src'), - allowfullscreen: node.attr('allowfullscreen'), - style: node.attr('style'), - class: node.attr('class'), - width: node.attr('width'), - height: node.attr('height'), - frameborder: '0' - }); - shimNode = new global$8('span', 1); - shimNode.attr('class', 'mce-shim'); - previewWrapper.append(previewNode); - previewWrapper.append(shimNode); - return previewWrapper; - }; - var retainAttributesAndInnerHtml = function (editor, sourceNode, targetNode) { - var attrName; - var attrValue; - var attribs; - var ai; - var innerHtml; - attribs = sourceNode.attributes; - ai = attribs.length; - while (ai--) { - attrName = attribs[ai].name; - attrValue = attribs[ai].value; - if (attrName !== 'width' && attrName !== 'height' && attrName !== 'style') { - if (attrName === 'data' || attrName === 'src') { - attrValue = editor.convertURL(attrValue, attrName); - } - targetNode.attr('data-mce-p-' + attrName, attrValue); - } - } - innerHtml = sourceNode.firstChild && sourceNode.firstChild.value; - if (innerHtml) { - targetNode.attr('data-mce-html', escape($_58i2qvhmjjgwecp7.sanitize(editor, innerHtml))); - targetNode.firstChild = null; - } - }; - var isWithinEphoxEmbed = function (node) { - while (node = node.parent) { - if (node.attr('data-ephox-embed-iri')) { - return true; - } - } - return false; - }; - var placeHolderConverter = function (editor) { - return function (nodes) { - var i = nodes.length; - var node; - var videoScript; - while (i--) { - node = nodes[i]; - if (!node.parent) { - continue; - } - if (node.parent.attr('data-mce-object')) { - continue; - } - if (node.name === 'script') { - videoScript = $_4q3fmh7jjgwecnw.getVideoScriptMatch($_69rpmgh3jjgwecnr.getScripts(editor), node.attr('src')); - if (!videoScript) { - continue; - } - } - if (videoScript) { - if (videoScript.width) { - node.attr('width', videoScript.width.toString()); - } - if (videoScript.height) { - node.attr('height', videoScript.height.toString()); - } - } - if (node.name === 'iframe' && $_69rpmgh3jjgwecnr.hasLiveEmbeds(editor) && global$1.ceFalse) { - if (!isWithinEphoxEmbed(node)) { - node.replace(createPreviewIframeNode(editor, node)); - } - } else { - if (!isWithinEphoxEmbed(node)) { - node.replace(createPlaceholderNode(editor, node)); + var global$3 = tinymce.util.Tools.resolve('tinymce.html.SaxParser'); + + var global$4 = tinymce.util.Tools.resolve('tinymce.dom.DOMUtils'); + + var getVideoScriptMatch = function (prefixes, src) { + if (prefixes) { + for (var i = 0; i < prefixes.length; i++) { + if (src.indexOf(prefixes[i].filter) !== -1) { + return prefixes[i]; } } } }; - }; - var $_ggjz3ehljjgwecp4 = { - createPreviewIframeNode: createPreviewIframeNode, - createPlaceholderNode: createPlaceholderNode, - placeHolderConverter: placeHolderConverter - }; + var VideoScript = { getVideoScriptMatch: getVideoScriptMatch }; + + var trimPx = function (value) { + return value.replace(/px$/, ''); + }; + var addPx = function (value) { + return /^[0-9.]+$/.test(value) ? value + 'px' : value; + }; + var getSize = function (name) { + return function (elm) { + return elm ? trimPx(elm.style[name]) : ''; + }; + }; + var setSize = function (name) { + return function (elm, value) { + if (elm) { + elm.style[name] = addPx(value); + } + }; + }; + var Size = { + getMaxWidth: getSize('maxWidth'), + getMaxHeight: getSize('maxHeight'), + setMaxWidth: setSize('maxWidth'), + setMaxHeight: setSize('maxHeight') + }; + + var DOM = global$4.DOM; + var getEphoxEmbedIri = function (elm) { + return DOM.getAttrib(elm, 'data-ephox-embed-iri'); + }; + var isEphoxEmbed = function (html) { + var fragment = DOM.createFragment(html); + return getEphoxEmbedIri(fragment.firstChild) !== ''; + }; + var htmlToDataSax = function (prefixes, html) { + var data = {}; + global$3({ + validate: false, + allow_conditional_comments: true, + special: 'script,noscript', + start: function (name, attrs) { + if (!data.source1 && name === 'param') { + data.source1 = attrs.map.movie; + } + if (name === 'iframe' || name === 'object' || name === 'embed' || name === 'video' || name === 'audio') { + if (!data.type) { + data.type = name; + } + data = global$2.extend(attrs.map, data); + } + if (name === 'script') { + var videoScript = VideoScript.getVideoScriptMatch(prefixes, attrs.map.src); + if (!videoScript) { + return; + } + data = { + type: 'script', + source1: attrs.map.src, + width: videoScript.width, + height: videoScript.height + }; + } + if (name === 'source') { + if (!data.source1) { + data.source1 = attrs.map.src; + } else if (!data.source2) { + data.source2 = attrs.map.src; + } + } + if (name === 'img' && !data.poster) { + data.poster = attrs.map.src; + } + } + }).parse(html); + data.source1 = data.source1 || data.src || data.data; + data.source2 = data.source2 || ''; + data.poster = data.poster || ''; + return data; + }; + var ephoxEmbedHtmlToData = function (html) { + var fragment = DOM.createFragment(html); + var div = fragment.firstChild; + return { + type: 'ephox-embed-iri', + source1: getEphoxEmbedIri(div), + source2: '', + poster: '', + width: Size.getMaxWidth(div), + height: Size.getMaxHeight(div) + }; + }; + var htmlToData = function (prefixes, html) { + return isEphoxEmbed(html) ? ephoxEmbedHtmlToData(html) : htmlToDataSax(prefixes, html); + }; + var HtmlToData = { htmlToData: htmlToData }; + + var global$5 = tinymce.util.Tools.resolve('tinymce.util.Promise'); + + var guess = function (url) { + var mimes = { + mp3: 'audio/mpeg', + wav: 'audio/wav', + mp4: 'video/mp4', + webm: 'video/webm', + ogg: 'video/ogg', + swf: 'application/x-shockwave-flash' + }; + var fileEnd = url.toLowerCase().split('.').pop(); + var mime = mimes[fileEnd]; + return mime ? mime : ''; + }; + var Mime = { guess: guess }; + + var global$6 = tinymce.util.Tools.resolve('tinymce.html.Writer'); + + var global$7 = tinymce.util.Tools.resolve('tinymce.html.Schema'); + + var DOM$1 = global$4.DOM; + var setAttributes = function (attrs, updatedAttrs) { + var name; + var i; + var value; + var attr; + for (name in updatedAttrs) { + value = '' + updatedAttrs[name]; + if (attrs.map[name]) { + i = attrs.length; + while (i--) { + attr = attrs[i]; + if (attr.name === name) { + if (value) { + attrs.map[name] = value; + attr.value = value; + } else { + delete attrs.map[name]; + attrs.splice(i, 1); + } + } + } + } else if (value) { + attrs.push({ + name: name, + value: value + }); + attrs.map[name] = value; + } + } + }; + var normalizeHtml = function (html) { + var writer = global$6(); + var parser = global$3(writer); + parser.parse(html); + return writer.getContent(); + }; + var updateHtmlSax = function (html, data, updateAll) { + var writer = global$6(); + var sourceCount = 0; + var hasImage; + global$3({ + validate: false, + allow_conditional_comments: true, + special: 'script,noscript', + comment: function (text) { + writer.comment(text); + }, + cdata: function (text) { + writer.cdata(text); + }, + text: function (text, raw) { + writer.text(text, raw); + }, + start: function (name, attrs, empty) { + switch (name) { + case 'video': + case 'object': + case 'embed': + case 'img': + case 'iframe': + if (data.height !== undefined && data.width !== undefined) { + setAttributes(attrs, { + width: data.width, + height: data.height + }); + } + break; + } + if (updateAll) { + switch (name) { + case 'video': + setAttributes(attrs, { + poster: data.poster, + src: '' + }); + if (data.source2) { + setAttributes(attrs, { src: '' }); + } + break; + case 'iframe': + setAttributes(attrs, { src: data.source1 }); + break; + case 'source': + sourceCount++; + if (sourceCount <= 2) { + setAttributes(attrs, { + src: data['source' + sourceCount], + type: data['source' + sourceCount + 'mime'] + }); + if (!data['source' + sourceCount]) { + return; + } + } + break; + case 'img': + if (!data.poster) { + return; + } + hasImage = true; + break; + } + } + writer.start(name, attrs, empty); + }, + end: function (name) { + if (name === 'video' && updateAll) { + for (var index = 1; index <= 2; index++) { + if (data['source' + index]) { + var attrs = []; + attrs.map = {}; + if (sourceCount < index) { + setAttributes(attrs, { + src: data['source' + index], + type: data['source' + index + 'mime'] + }); + writer.start('source', attrs, true); + } + } + } + } + if (data.poster && name === 'object' && updateAll && !hasImage) { + var imgAttrs = []; + imgAttrs.map = {}; + setAttributes(imgAttrs, { + src: data.poster, + width: data.width, + height: data.height + }); + writer.start('img', imgAttrs, true); + } + writer.end(name); + } + }, global$7({})).parse(html); + return writer.getContent(); + }; + var isEphoxEmbed$1 = function (html) { + var fragment = DOM$1.createFragment(html); + return DOM$1.getAttrib(fragment.firstChild, 'data-ephox-embed-iri') !== ''; + }; + var updateEphoxEmbed = function (html, data) { + var fragment = DOM$1.createFragment(html); + var div = fragment.firstChild; + Size.setMaxWidth(div, data.width); + Size.setMaxHeight(div, data.height); + return normalizeHtml(div.outerHTML); + }; + var updateHtml = function (html, data, updateAll) { + return isEphoxEmbed$1(html) ? updateEphoxEmbed(html, data) : updateHtmlSax(html, data, updateAll); + }; + var UpdateHtml = { updateHtml: updateHtml }; + + var urlPatterns = [ + { + regex: /youtu\.be\/([\w\-_\?&=.]+)/i, + type: 'iframe', + w: 560, + h: 314, + url: '//www.youtube.com/embed/$1', + allowFullscreen: true + }, + { + regex: /youtube\.com(.+)v=([^&]+)(&([a-z0-9&=\-_]+))?/i, + type: 'iframe', + w: 560, + h: 314, + url: '//www.youtube.com/embed/$2?$4', + allowFullscreen: true + }, + { + regex: /youtube.com\/embed\/([a-z0-9\?&=\-_]+)/i, + type: 'iframe', + w: 560, + h: 314, + url: '//www.youtube.com/embed/$1', + allowFullscreen: true + }, + { + regex: /vimeo\.com\/([0-9]+)/, + type: 'iframe', + w: 425, + h: 350, + url: '//player.vimeo.com/video/$1?title=0&byline=0&portrait=0&color=8dc7dc', + allowFullscreen: true + }, + { + regex: /vimeo\.com\/(.*)\/([0-9]+)/, + type: 'iframe', + w: 425, + h: 350, + url: '//player.vimeo.com/video/$2?title=0&byline=0', + allowFullscreen: true + }, + { + regex: /maps\.google\.([a-z]{2,3})\/maps\/(.+)msid=(.+)/, + type: 'iframe', + w: 425, + h: 350, + url: '//maps.google.com/maps/ms?msid=$2&output=embed"', + allowFullscreen: false + }, + { + regex: /dailymotion\.com\/video\/([^_]+)/, + type: 'iframe', + w: 480, + h: 270, + url: '//www.dailymotion.com/embed/video/$1', + allowFullscreen: true + }, + { + regex: /dai\.ly\/([^_]+)/, + type: 'iframe', + w: 480, + h: 270, + url: '//www.dailymotion.com/embed/video/$1', + allowFullscreen: true + } + ]; + var getUrl = function (pattern, url) { + var match = pattern.regex.exec(url); + var newUrl = pattern.url; + var _loop_1 = function (i) { + newUrl = newUrl.replace('$' + i, function () { + return match[i] ? match[i] : ''; + }); + }; + for (var i = 0; i < match.length; i++) { + _loop_1(i); + } + return newUrl.replace(/\?$/, ''); + }; + var matchPattern = function (url) { + var pattern = urlPatterns.filter(function (pattern) { + return pattern.regex.test(url); + }); + if (pattern.length > 0) { + return global$2.extend({}, pattern[0], { url: getUrl(pattern[0], url) }); + } else { + return null; + } + }; + + var getIframeHtml = function (data) { + var allowFullscreen = data.allowFullscreen ? ' allowFullscreen="1"' : ''; + return ''; + }; + var getFlashHtml = function (data) { + var html = ''; + if (data.poster) { + html += ''; + } + html += ''; + return html; + }; + var getAudioHtml = function (data, audioTemplateCallback) { + if (audioTemplateCallback) { + return audioTemplateCallback(data); + } else { + return ''; + } + }; + var getVideoHtml = function (data, videoTemplateCallback) { + if (videoTemplateCallback) { + return videoTemplateCallback(data); + } else { + return ''; + } + }; + var getScriptHtml = function (data) { + return ''; + }; + var dataToHtml = function (editor, dataIn) { + var data = global$2.extend({}, dataIn); + if (!data.source1) { + global$2.extend(data, HtmlToData.htmlToData(Settings.getScripts(editor), data.embed)); + if (!data.source1) { + return ''; + } + } + if (!data.source2) { + data.source2 = ''; + } + if (!data.poster) { + data.poster = ''; + } + data.source1 = editor.convertURL(data.source1, 'source'); + data.source2 = editor.convertURL(data.source2, 'source'); + data.source1mime = Mime.guess(data.source1); + data.source2mime = Mime.guess(data.source2); + data.poster = editor.convertURL(data.poster, 'poster'); + var pattern = matchPattern(data.source1); + if (pattern) { + data.source1 = pattern.url; + data.type = pattern.type; + data.allowFullscreen = pattern.allowFullscreen; + data.width = data.width || pattern.w; + data.height = data.height || pattern.h; + } + if (data.embed) { + return UpdateHtml.updateHtml(data.embed, data, true); + } else { + var videoScript = VideoScript.getVideoScriptMatch(Settings.getScripts(editor), data.source1); + if (videoScript) { + data.type = 'script'; + data.width = videoScript.width; + data.height = videoScript.height; + } + var audioTemplateCallback = Settings.getAudioTemplateCallback(editor); + var videoTemplateCallback = Settings.getVideoTemplateCallback(editor); + data.width = data.width || 300; + data.height = data.height || 150; + global$2.each(data, function (value, key) { + data[key] = editor.dom.encode(value); + }); + if (data.type === 'iframe') { + return getIframeHtml(data); + } else if (data.source1mime === 'application/x-shockwave-flash') { + return getFlashHtml(data); + } else if (data.source1mime.indexOf('audio') !== -1) { + return getAudioHtml(data, audioTemplateCallback); + } else if (data.type === 'script') { + return getScriptHtml(data); + } else { + return getVideoHtml(data, videoTemplateCallback); + } + } + }; + var DataToHtml = { dataToHtml: dataToHtml }; - var setup = function (editor) { - editor.on('preInit', function () { - var specialElements = editor.schema.getSpecialElements(); - global$2.each('video audio iframe object'.split(' '), function (name) { - specialElements[name] = new RegExp(']*>', 'gi'); + var cache = {}; + var embedPromise = function (data, dataToHtml, handler) { + return new global$5(function (res, rej) { + var wrappedResolve = function (response) { + if (response.html) { + cache[data.source1] = response; + } + return res({ + url: data.source1, + html: response.html ? response.html : dataToHtml(data) + }); + }; + if (cache[data.source1]) { + wrappedResolve(cache[data.source1]); + } else { + handler({ url: data.source1 }, wrappedResolve, rej); + } + }); + }; + var defaultPromise = function (data, dataToHtml) { + return new global$5(function (res) { + res({ + html: dataToHtml(data), + url: data.source1 + }); + }); + }; + var loadedData = function (editor) { + return function (data) { + return DataToHtml.dataToHtml(editor, data); + }; + }; + var getEmbedHtml = function (editor, data) { + var embedHandler = Settings.getUrlResolver(editor); + return embedHandler ? embedPromise(data, loadedData(editor), embedHandler) : defaultPromise(data, loadedData(editor)); + }; + var isCached = function (url) { + return cache.hasOwnProperty(url); + }; + var Service = { + getEmbedHtml: getEmbedHtml, + isCached: isCached + }; + + var doSyncSize = function (widthCtrl, heightCtrl) { + widthCtrl.state.set('oldVal', widthCtrl.value()); + heightCtrl.state.set('oldVal', heightCtrl.value()); + }; + var doSizeControls = function (win, f) { + var widthCtrl = win.find('#width')[0]; + var heightCtrl = win.find('#height')[0]; + var constrained = win.find('#constrain')[0]; + if (widthCtrl && heightCtrl && constrained) { + f(widthCtrl, heightCtrl, constrained.checked()); + } + }; + var doUpdateSize = function (widthCtrl, heightCtrl, isContrained) { + var oldWidth = widthCtrl.state.get('oldVal'); + var oldHeight = heightCtrl.state.get('oldVal'); + var newWidth = widthCtrl.value(); + var newHeight = heightCtrl.value(); + if (isContrained && oldWidth && oldHeight && newWidth && newHeight) { + if (newWidth !== oldWidth) { + newHeight = Math.round(newWidth / oldWidth * newHeight); + if (!isNaN(newHeight)) { + heightCtrl.value(newHeight); + } + } else { + newWidth = Math.round(newHeight / oldHeight * newWidth); + if (!isNaN(newWidth)) { + widthCtrl.value(newWidth); + } + } + } + doSyncSize(widthCtrl, heightCtrl); + }; + var syncSize = function (win) { + doSizeControls(win, doSyncSize); + }; + var updateSize = function (win) { + doSizeControls(win, doUpdateSize); + }; + var createUi = function (onChange) { + var recalcSize = function () { + onChange(function (win) { + updateSize(win); + }); + }; + return { + type: 'container', + label: 'Dimensions', + layout: 'flex', + align: 'center', + spacing: 5, + items: [ + { + name: 'width', + type: 'textbox', + maxLength: 5, + size: 5, + onchange: recalcSize, + ariaLabel: 'Width' + }, + { + type: 'label', + text: 'x' + }, + { + name: 'height', + type: 'textbox', + maxLength: 5, + size: 5, + onchange: recalcSize, + ariaLabel: 'Height' + }, + { + name: 'constrain', + type: 'checkbox', + checked: true, + text: 'Constrain proportions' + } + ] + }; + }; + var SizeManager = { + createUi: createUi, + syncSize: syncSize, + updateSize: updateSize + }; + + var embedChange = global$1.ie && global$1.ie <= 8 ? 'onChange' : 'onInput'; + var handleError = function (editor) { + return function (error) { + var errorMessage = error && error.msg ? 'Media embed handler error: ' + error.msg : 'Media embed handler threw unknown error.'; + editor.notificationManager.open({ + type: 'error', + text: errorMessage + }); + }; + }; + var getData = function (editor) { + var element = editor.selection.getNode(); + var dataEmbed = element.getAttribute('data-ephox-embed-iri'); + if (dataEmbed) { + return { + 'source1': dataEmbed, + 'data-ephox-embed-iri': dataEmbed, + 'width': Size.getMaxWidth(element), + 'height': Size.getMaxHeight(element) + }; + } + return element.getAttribute('data-mce-object') ? HtmlToData.htmlToData(Settings.getScripts(editor), editor.serializer.serialize(element, { selection: true })) : {}; + }; + var getSource = function (editor) { + var elm = editor.selection.getNode(); + if (elm.getAttribute('data-mce-object') || elm.getAttribute('data-ephox-embed-iri')) { + return editor.selection.getContent(); + } + }; + var addEmbedHtml = function (win, editor) { + return function (response) { + var html = response.html; + var embed = win.find('#embed')[0]; + var data = global$2.extend(HtmlToData.htmlToData(Settings.getScripts(editor), html), { source1: response.url }); + win.fromJSON(data); + if (embed) { + embed.value(html); + SizeManager.updateSize(win); + } + }; + }; + var selectPlaceholder = function (editor, beforeObjects) { + var i; + var y; + var afterObjects = editor.dom.select('img[data-mce-object]'); + for (i = 0; i < beforeObjects.length; i++) { + for (y = afterObjects.length - 1; y >= 0; y--) { + if (beforeObjects[i] === afterObjects[y]) { + afterObjects.splice(y, 1); + } + } + } + editor.selection.select(afterObjects[0]); + }; + var handleInsert = function (editor, html) { + var beforeObjects = editor.dom.select('img[data-mce-object]'); + editor.insertContent(html); + selectPlaceholder(editor, beforeObjects); + editor.nodeChanged(); + }; + var submitForm = function (win, editor) { + var data = win.toJSON(); + data.embed = UpdateHtml.updateHtml(data.embed, data); + if (data.embed && Service.isCached(data.source1)) { + handleInsert(editor, data.embed); + } else { + Service.getEmbedHtml(editor, data).then(function (response) { + handleInsert(editor, response.html); + }).catch(handleError(editor)); + } + }; + var populateMeta = function (win, meta) { + global$2.each(meta, function (value, key) { + win.find('#' + key).value(value); }); - var boolAttrs = editor.schema.getBoolAttrs(); - global$2.each('webkitallowfullscreen mozallowfullscreen allowfullscreen'.split(' '), function (name) { - boolAttrs[name] = {}; + }; + var showDialog = function (editor) { + var win; + var data; + var generalFormItems = [{ + name: 'source1', + type: 'filepicker', + filetype: 'media', + size: 40, + autofocus: true, + label: 'Source', + onpaste: function () { + setTimeout(function () { + Service.getEmbedHtml(editor, win.toJSON()).then(addEmbedHtml(win, editor)).catch(handleError(editor)); + }, 1); + }, + onchange: function (e) { + Service.getEmbedHtml(editor, win.toJSON()).then(addEmbedHtml(win, editor)).catch(handleError(editor)); + populateMeta(win, e.meta); + }, + onbeforecall: function (e) { + e.meta = win.toJSON(); + } + }]; + var advancedFormItems = []; + var reserialise = function (update) { + update(win); + data = win.toJSON(); + win.find('#embed').value(UpdateHtml.updateHtml(data.embed, data)); + }; + if (Settings.hasAltSource(editor)) { + advancedFormItems.push({ + name: 'source2', + type: 'filepicker', + filetype: 'media', + size: 40, + label: 'Alternative source' + }); + } + if (Settings.hasPoster(editor)) { + advancedFormItems.push({ + name: 'poster', + type: 'filepicker', + filetype: 'image', + size: 40, + label: 'Poster' + }); + } + if (Settings.hasDimensions(editor)) { + var control = SizeManager.createUi(reserialise); + generalFormItems.push(control); + } + data = getData(editor); + var embedTextBox = { + id: 'mcemediasource', + type: 'textbox', + flex: 1, + name: 'embed', + value: getSource(editor), + multiline: true, + rows: 5, + label: 'Source' + }; + var updateValueOnChange = function () { + data = global$2.extend({}, HtmlToData.htmlToData(Settings.getScripts(editor), this.value())); + this.parent().parent().fromJSON(data); + }; + embedTextBox[embedChange] = updateValueOnChange; + var body = [ + { + title: 'General', + type: 'form', + items: generalFormItems + }, + { + title: 'Embed', + type: 'container', + layout: 'flex', + direction: 'column', + align: 'stretch', + padding: 10, + spacing: 10, + items: [ + { + type: 'label', + text: 'Paste your embed code below:', + forId: 'mcemediasource' + }, + embedTextBox + ] + } + ]; + if (advancedFormItems.length > 0) { + body.push({ + title: 'Advanced', + type: 'form', + items: advancedFormItems + }); + } + win = editor.windowManager.open({ + title: 'Insert/edit media', + data: data, + bodyType: 'tabpanel', + body: body, + onSubmit: function () { + SizeManager.updateSize(win); + submitForm(win, editor); + } }); - editor.parser.addNodeFilter('iframe,video,audio,object,embed,script', $_ggjz3ehljjgwecp4.placeHolderConverter(editor)); - editor.serializer.addAttributeFilter('data-mce-object', function (nodes, name) { + SizeManager.syncSize(win); + }; + var Dialog = { showDialog: showDialog }; + + var get = function (editor) { + var showDialog = function () { + Dialog.showDialog(editor); + }; + return { showDialog: showDialog }; + }; + var Api = { get: get }; + + var register = function (editor) { + var showDialog = function () { + Dialog.showDialog(editor); + }; + editor.addCommand('mceMedia', showDialog); + }; + var Commands = { register: register }; + + var global$8 = tinymce.util.Tools.resolve('tinymce.html.Node'); + + var sanitize = function (editor, html) { + if (Settings.shouldFilterHtml(editor) === false) { + return html; + } + var writer = global$6(); + var blocked; + global$3({ + validate: false, + allow_conditional_comments: false, + special: 'script,noscript', + comment: function (text) { + writer.comment(text); + }, + cdata: function (text) { + writer.cdata(text); + }, + text: function (text, raw) { + writer.text(text, raw); + }, + start: function (name, attrs, empty) { + blocked = true; + if (name === 'script' || name === 'noscript') { + return; + } + for (var i = 0; i < attrs.length; i++) { + if (attrs[i].name.indexOf('on') === 0) { + return; + } + if (attrs[i].name === 'style') { + attrs[i].value = editor.dom.serializeStyle(editor.dom.parseStyle(attrs[i].value), name); + } + } + writer.start(name, attrs, empty); + blocked = false; + }, + end: function (name) { + if (blocked) { + return; + } + writer.end(name); + } + }, global$7({})).parse(html); + return writer.getContent(); + }; + var Sanitize = { sanitize: sanitize }; + + var createPlaceholderNode = function (editor, node) { + var placeHolder; + var name = node.name; + placeHolder = new global$8('img', 1); + placeHolder.shortEnded = true; + retainAttributesAndInnerHtml(editor, node, placeHolder); + placeHolder.attr({ + 'width': node.attr('width') || '300', + 'height': node.attr('height') || (name === 'audio' ? '30' : '150'), + 'style': node.attr('style'), + 'src': global$1.transparentSrc, + 'data-mce-object': name, + 'class': 'mce-object mce-object-' + name + }); + return placeHolder; + }; + var createPreviewIframeNode = function (editor, node) { + var previewWrapper; + var previewNode; + var shimNode; + var name = node.name; + previewWrapper = new global$8('span', 1); + previewWrapper.attr({ + 'contentEditable': 'false', + 'style': node.attr('style'), + 'data-mce-object': name, + 'class': 'mce-preview-object mce-object-' + name + }); + retainAttributesAndInnerHtml(editor, node, previewWrapper); + previewNode = new global$8(name, 1); + previewNode.attr({ + src: node.attr('src'), + allowfullscreen: node.attr('allowfullscreen'), + style: node.attr('style'), + class: node.attr('class'), + width: node.attr('width'), + height: node.attr('height'), + frameborder: '0' + }); + shimNode = new global$8('span', 1); + shimNode.attr('class', 'mce-shim'); + previewWrapper.append(previewNode); + previewWrapper.append(shimNode); + return previewWrapper; + }; + var retainAttributesAndInnerHtml = function (editor, sourceNode, targetNode) { + var attrName; + var attrValue; + var attribs; + var ai; + var innerHtml; + attribs = sourceNode.attributes; + ai = attribs.length; + while (ai--) { + attrName = attribs[ai].name; + attrValue = attribs[ai].value; + if (attrName !== 'width' && attrName !== 'height' && attrName !== 'style') { + if (attrName === 'data' || attrName === 'src') { + attrValue = editor.convertURL(attrValue, attrName); + } + targetNode.attr('data-mce-p-' + attrName, attrValue); + } + } + innerHtml = sourceNode.firstChild && sourceNode.firstChild.value; + if (innerHtml) { + targetNode.attr('data-mce-html', escape(Sanitize.sanitize(editor, innerHtml))); + targetNode.firstChild = null; + } + }; + var isWithinEphoxEmbed = function (node) { + while (node = node.parent) { + if (node.attr('data-ephox-embed-iri')) { + return true; + } + } + return false; + }; + var placeHolderConverter = function (editor) { + return function (nodes) { var i = nodes.length; var node; - var realElm; - var ai; - var attribs; - var innerHtml; - var innerNode; - var realElmName; - var className; + var videoScript; while (i--) { node = nodes[i]; if (!node.parent) { continue; } - realElmName = node.attr(name); - realElm = new global$8(realElmName, 1); - if (realElmName !== 'audio' && realElmName !== 'script') { - className = node.attr('class'); - if (className && className.indexOf('mce-preview-object') !== -1) { - realElm.attr({ - width: node.firstChild.attr('width'), - height: node.firstChild.attr('height') - }); - } else { - realElm.attr({ - width: node.attr('width'), - height: node.attr('height') - }); + if (node.parent.attr('data-mce-object')) { + continue; + } + if (node.name === 'script') { + videoScript = VideoScript.getVideoScriptMatch(Settings.getScripts(editor), node.attr('src')); + if (!videoScript) { + continue; + } + } + if (videoScript) { + if (videoScript.width) { + node.attr('width', videoScript.width.toString()); + } + if (videoScript.height) { + node.attr('height', videoScript.height.toString()); + } + } + if (node.name === 'iframe' && Settings.hasLiveEmbeds(editor) && global$1.ceFalse) { + if (!isWithinEphoxEmbed(node)) { + node.replace(createPreviewIframeNode(editor, node)); + } + } else { + if (!isWithinEphoxEmbed(node)) { + node.replace(createPlaceholderNode(editor, node)); } } - realElm.attr({ style: node.attr('style') }); - attribs = node.attributes; - ai = attribs.length; - while (ai--) { - var attrName = attribs[ai].name; - if (attrName.indexOf('data-mce-p-') === 0) { - realElm.attr(attrName.substr(11), attribs[ai].value); + } + }; + }; + var Nodes = { + createPreviewIframeNode: createPreviewIframeNode, + createPlaceholderNode: createPlaceholderNode, + placeHolderConverter: placeHolderConverter + }; + + var setup = function (editor) { + editor.on('preInit', function () { + var specialElements = editor.schema.getSpecialElements(); + global$2.each('video audio iframe object'.split(' '), function (name) { + specialElements[name] = new RegExp(']*>', 'gi'); + }); + var boolAttrs = editor.schema.getBoolAttrs(); + global$2.each('webkitallowfullscreen mozallowfullscreen allowfullscreen'.split(' '), function (name) { + boolAttrs[name] = {}; + }); + editor.parser.addNodeFilter('iframe,video,audio,object,embed,script', Nodes.placeHolderConverter(editor)); + editor.serializer.addAttributeFilter('data-mce-object', function (nodes, name) { + var i = nodes.length; + var node; + var realElm; + var ai; + var attribs; + var innerHtml; + var innerNode; + var realElmName; + var className; + while (i--) { + node = nodes[i]; + if (!node.parent) { + continue; } - } - if (realElmName === 'script') { - realElm.attr('type', 'text/javascript'); + realElmName = node.attr(name); + realElm = new global$8(realElmName, 1); + if (realElmName !== 'audio' && realElmName !== 'script') { + className = node.attr('class'); + if (className && className.indexOf('mce-preview-object') !== -1) { + realElm.attr({ + width: node.firstChild.attr('width'), + height: node.firstChild.attr('height') + }); + } else { + realElm.attr({ + width: node.attr('width'), + height: node.attr('height') + }); + } + } + realElm.attr({ style: node.attr('style') }); + attribs = node.attributes; + ai = attribs.length; + while (ai--) { + var attrName = attribs[ai].name; + if (attrName.indexOf('data-mce-p-') === 0) { + realElm.attr(attrName.substr(11), attribs[ai].value); + } + } + if (realElmName === 'script') { + realElm.attr('type', 'text/javascript'); + } + innerHtml = node.attr('data-mce-html'); + if (innerHtml) { + innerNode = new global$8('#text', 3); + innerNode.raw = true; + innerNode.value = Sanitize.sanitize(editor, unescape(innerHtml)); + realElm.append(innerNode); + } + node.replace(realElm); } - innerHtml = node.attr('data-mce-html'); - if (innerHtml) { - innerNode = new global$8('#text', 3); - innerNode.raw = true; - innerNode.value = $_58i2qvhmjjgwecp7.sanitize(editor, unescape(innerHtml)); - realElm.append(innerNode); + }); + }); + editor.on('setContent', function () { + editor.$('span.mce-preview-object').each(function (index, elm) { + var $elm = editor.$(elm); + if ($elm.find('span.mce-shim', elm).length === 0) { + $elm.append(''); } - node.replace(realElm); - } + }); }); - }); - editor.on('setContent', function () { - editor.$('span.mce-preview-object').each(function (index, elm) { - var $elm = editor.$(elm); - if ($elm.find('span.mce-shim', elm).length === 0) { - $elm.append(''); + }; + var FilterContent = { setup: setup }; + + var setup$1 = function (editor) { + editor.on('ResolveName', function (e) { + var name; + if (e.target.nodeType === 1 && (name = e.target.getAttribute('data-mce-object'))) { + e.name = name; } }); - }); - }; - var $_4o7ga9hjjjgwecp0 = { setup: setup }; - - var setup$1 = function (editor) { - editor.on('ResolveName', function (e) { - var name; - if (e.target.nodeType === 1 && (name = e.target.getAttribute('data-mce-object'))) { - e.name = name; - } - }); - }; - var $_1y6lb6hnjjgwecp9 = { setup: setup$1 }; + }; + var ResolveName = { setup: setup$1 }; - var setup$2 = function (editor) { - editor.on('click keyup', function () { - var selectedNode = editor.selection.getNode(); - if (selectedNode && editor.dom.hasClass(selectedNode, 'mce-preview-object')) { - if (editor.dom.getAttrib(selectedNode, 'data-mce-selected')) { - selectedNode.setAttribute('data-mce-selected', '2'); + var setup$2 = function (editor) { + editor.on('click keyup', function () { + var selectedNode = editor.selection.getNode(); + if (selectedNode && editor.dom.hasClass(selectedNode, 'mce-preview-object')) { + if (editor.dom.getAttrib(selectedNode, 'data-mce-selected')) { + selectedNode.setAttribute('data-mce-selected', '2'); + } + } + }); + editor.on('ObjectSelected', function (e) { + var objectType = e.target.getAttribute('data-mce-object'); + if (objectType === 'audio' || objectType === 'script') { + e.preventDefault(); + } + }); + editor.on('objectResized', function (e) { + var target = e.target; + var html; + if (target.getAttribute('data-mce-object')) { + html = target.getAttribute('data-mce-html'); + if (html) { + html = unescape(html); + target.setAttribute('data-mce-html', escape(UpdateHtml.updateHtml(html, { + width: e.width, + height: e.height + }))); + } } - } - }); - editor.on('ObjectSelected', function (e) { - var objectType = e.target.getAttribute('data-mce-object'); - if (objectType === 'audio' || objectType === 'script') { - e.preventDefault(); - } + }); + }; + var Selection = { setup: setup$2 }; + + var register$1 = function (editor) { + editor.addButton('media', { + tooltip: 'Insert/edit media', + cmd: 'mceMedia', + stateSelector: [ + 'img[data-mce-object]', + 'span[data-mce-object]', + 'div[data-ephox-embed-iri]' + ] + }); + editor.addMenuItem('media', { + icon: 'media', + text: 'Media', + cmd: 'mceMedia', + context: 'insert', + prependToContext: true + }); + }; + var Buttons = { register: register$1 }; + + global.add('media', function (editor) { + Commands.register(editor); + Buttons.register(editor); + ResolveName.setup(editor); + FilterContent.setup(editor); + Selection.setup(editor); + return Api.get(editor); }); - editor.on('objectResized', function (e) { - var target = e.target; - var html; - if (target.getAttribute('data-mce-object')) { - html = target.getAttribute('data-mce-html'); - if (html) { - html = unescape(html); - target.setAttribute('data-mce-html', escape($_s3qkohdjjgwecon.updateHtml(html, { - width: e.width, - height: e.height - }))); - } - } - }); - }; - var $_dnm1d2hojjgwecpa = { setup: setup$2 }; + function Plugin () { + } - var register$1 = function (editor) { - editor.addButton('media', { - tooltip: 'Insert/edit media', - cmd: 'mceMedia', - stateSelector: [ - 'img[data-mce-object]', - 'span[data-mce-object]', - 'div[data-ephox-embed-iri]' - ] - }); - editor.addMenuItem('media', { - icon: 'media', - text: 'Media', - cmd: 'mceMedia', - context: 'insert', - prependToContext: true - }); - }; - var $_94c7u1hpjjgwecpc = { register: register$1 }; - - global.add('media', function (editor) { - $_3pne6fhijjgwecoz.register(editor); - $_94c7u1hpjjgwecpc.register(editor); - $_1y6lb6hnjjgwecp9.setup(editor); - $_4o7ga9hjjjgwecp0.setup(editor); - $_dnm1d2hojjgwecpa.setup(editor); - return $_9lh0mgzjjgwecnk.get(editor); - }); - function Plugin () { - } - - return Plugin; + return Plugin; }()); })();