--- 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 '<iframe src="' + data.source1 + '" width="' + data.width + '" height="' + data.height + '"' + allowFullscreen + '></iframe>';
- };
- var getFlashHtml = function (data) {
- var html = '<object data="' + data.source1 + '" width="' + data.width + '" height="' + data.height + '" type="application/x-shockwave-flash">';
- if (data.poster) {
- html += '<img src="' + data.poster + '" width="' + data.width + '" height="' + data.height + '" />';
- }
- html += '</object>';
- return html;
- };
- var getAudioHtml = function (data, audioTemplateCallback) {
- if (audioTemplateCallback) {
- return audioTemplateCallback(data);
- } else {
- return '<audio controls="controls" src="' + data.source1 + '">' + (data.source2 ? '\n<source src="' + data.source2 + '"' + (data.source2mime ? ' type="' + data.source2mime + '"' : '') + ' />\n' : '') + '</audio>';
- }
- };
- var getVideoHtml = function (data, videoTemplateCallback) {
- if (videoTemplateCallback) {
- return videoTemplateCallback(data);
- } else {
- return '<video width="' + data.width + '" height="' + data.height + '"' + (data.poster ? ' poster="' + data.poster + '"' : '') + ' controls="controls">\n' + '<source src="' + data.source1 + '"' + (data.source1mime ? ' type="' + data.source1mime + '"' : '') + ' />\n' + (data.source2 ? '<source src="' + data.source2 + '"' + (data.source2mime ? ' type="' + data.source2mime + '"' : '') + ' />\n' : '') + '</video>';
- }
- };
- var getScriptHtml = function (data) {
- return '<script src="' + data.source1 + '"></script>';
- };
- 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 '<iframe src="' + data.source1 + '" width="' + data.width + '" height="' + data.height + '"' + allowFullscreen + '></iframe>';
+ };
+ var getFlashHtml = function (data) {
+ var html = '<object data="' + data.source1 + '" width="' + data.width + '" height="' + data.height + '" type="application/x-shockwave-flash">';
+ if (data.poster) {
+ html += '<img src="' + data.poster + '" width="' + data.width + '" height="' + data.height + '" />';
+ }
+ html += '</object>';
+ return html;
+ };
+ var getAudioHtml = function (data, audioTemplateCallback) {
+ if (audioTemplateCallback) {
+ return audioTemplateCallback(data);
+ } else {
+ return '<audio controls="controls" src="' + data.source1 + '">' + (data.source2 ? '\n<source src="' + data.source2 + '"' + (data.source2mime ? ' type="' + data.source2mime + '"' : '') + ' />\n' : '') + '</audio>';
+ }
+ };
+ var getVideoHtml = function (data, videoTemplateCallback) {
+ if (videoTemplateCallback) {
+ return videoTemplateCallback(data);
+ } else {
+ return '<video width="' + data.width + '" height="' + data.height + '"' + (data.poster ? ' poster="' + data.poster + '"' : '') + ' controls="controls">\n' + '<source src="' + data.source1 + '"' + (data.source1mime ? ' type="' + data.source1mime + '"' : '') + ' />\n' + (data.source2 ? '<source src="' + data.source2 + '"' + (data.source2mime ? ' type="' + data.source2mime + '"' : '') + ' />\n' : '') + '</video>';
+ }
+ };
+ var getScriptHtml = function (data) {
+ return '<script src="' + data.source1 + '"></script>';
+ };
+ 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('</' + name + '[^>]*>', '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('</' + name + '[^>]*>', '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('<span class="mce-shim"></span>');
}
- 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('<span class="mce-shim"></span>');
+ };
+ 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;
}());
})();