12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014114214314414514614714814915015115215315415515615715815916016116216316416516616716816917017117217317417517617717817918018118218318418518618718818919019119219319419519619719819920020120220320420520620720820921021121221321421521621721821922022122222322422522622722822923023123223323423523623723823924024124224324424524624724824925025125225325425525625725825926026126226326426526626726826927027127227327427527627727827928028128228328428528628728828929029129229329429529629729829930030130230330430530630730830931031131231331431531631731831932032132232332432532632732832933033133233333433533633733833934034134234334434534634734834935035135235335435535635735835936036136236336436536636736836937037137237337437537637737837938038138238338438538638738838939039139239339439539639739839940040140240340440540640740840941041141241341441541641741841942042142242342442542642742842943043143243343443543643743843944044144244344444544644744844945045145245345445545645745845946046146246346446546646746846947047147247347447547647747847948048148248348448548648748848949049149249349449549649749849950050150250350450550650750850951051151251351451551651751851952052152252352452552652752852953053153253353453553653753853954054154254354454554654754854955055155255355455555655755855956056156256356456556656756856957057157257357457557657757857958058158258358458558658758858959059159259359459559659759859960060160260360460560660760860961061161261361461561661761861962062162262362462562662762862963063163263363463563663763863964064164264364464564664764864965065165265365465565665765865966066166266366466566666766866967067167267367467567667767867968068168268368468568668768868969069169269369469569669769869970070170270370470570670770870971071171271371471571671771871972072172272372472572672772872973073173273373473573673773873974074174274374474574674774874975075175275375475575675775875976076176276376476576676776876977077177277377477577677777877978078178278378478578678778878979079179279379479579679779879980080180280380480580680780880981081181281381481581681781881982082182282382482582682782882983083183283383483583683783883984084184284384484584684784884985085185285385485585685785885986086186286386486586686786886987087187287387487587687787887988088188288388488588688788888989089189289389489589689789889990090190290390490590690790890991091191291391491591691791891992092192292392492592692792892993093193293393493593693793893994094194294394494594694794894995095195295395495595695795895996096196296396496596696796896997097197297397497597697797897998098198298398498598698798898999099199299399499599699799899910001001100210031004100510061007100810091010101110121013101410151016101710181019102010211022102310241025102610271028102910301031103210331034103510361037103810391040104110421043104410451046104710481049105010511052105310541055105610571058105910601061106210631064106510661067106810691070107110721073107410751076107710781079108010811082108310841085108610871088108910901091109210931094109510961097109810991100110111021103110411051106110711081109111011111112111311141115111611171118111911201121112211231124112511261127112811291130113111321133113411351136113711381139114011411142114311441145114611471148114911501151115211531154115511561157115811591160116111621163116411651166116711681169117011711172117311741175117611771178117911801181118211831184118511861187118811891190119111921193119411951196119711981199120012011202120312041205120612071208120912101211121212131214121512161217121812191220122112221223122412251226122712281229123012311232123312341235123612371238123912401241124212431244124512461247124812491250125112521253125412551256125712581259126012611262126312641265126612671268126912701271127212731274127512761277127812791280128112821283128412851286128712881289129012911292129312941295129612971298129913001301130213031304130513061307130813091310131113121313131413151316131713181319132013211322132313241325132613271328132913301331133213331334133513361337133813391340134113421343134413451346134713481349135013511352135313541355135613571358135913601361136213631364136513661367136813691370137113721373137413751376137713781379138013811382138313841385138613871388 |
- /**
- * Copyright (c) Tiny Technologies, Inc. All rights reserved.
- * Licensed under the LGPL or a commercial license.
- * For LGPL see License.txt in the project root for license information.
- * For commercial licenses see https://www.tiny.cloud/
- *
- * Version: 5.2.0 (2020-02-13)
- */
- (function () {
- 'use strict';
- var global = tinymce.util.Tools.resolve('tinymce.PluginManager');
- var __assign = function () {
- __assign = Object.assign || function __assign(t) {
- for (var s, i = 1, n = arguments.length; i < n; i++) {
- s = arguments[i];
- for (var p in s)
- if (Object.prototype.hasOwnProperty.call(s, p))
- t[p] = s[p];
- }
- return t;
- };
- return __assign.apply(this, arguments);
- };
- var noop = function () {
- };
- var constant = function (value) {
- return function () {
- return value;
- };
- };
- var never = constant(false);
- var always = constant(true);
- var none = function () {
- return NONE;
- };
- var NONE = function () {
- var eq = function (o) {
- return o.isNone();
- };
- var call = function (thunk) {
- return thunk();
- };
- var id = function (n) {
- return n;
- };
- var me = {
- fold: function (n, s) {
- return n();
- },
- is: never,
- isSome: never,
- isNone: always,
- getOr: id,
- getOrThunk: call,
- getOrDie: function (msg) {
- throw new Error(msg || 'error: getOrDie called on none.');
- },
- getOrNull: constant(null),
- getOrUndefined: constant(undefined),
- or: id,
- orThunk: call,
- map: none,
- each: noop,
- bind: none,
- exists: never,
- forall: always,
- filter: none,
- equals: eq,
- equals_: eq,
- toArray: function () {
- return [];
- },
- toString: constant('none()')
- };
- if (Object.freeze) {
- Object.freeze(me);
- }
- return me;
- }();
- var some = function (a) {
- var constant_a = constant(a);
- var self = function () {
- return me;
- };
- var bind = function (f) {
- return f(a);
- };
- var me = {
- fold: function (n, s) {
- return s(a);
- },
- is: function (v) {
- return a === v;
- },
- isSome: always,
- isNone: never,
- getOr: constant_a,
- getOrThunk: constant_a,
- getOrDie: constant_a,
- getOrNull: constant_a,
- getOrUndefined: constant_a,
- or: self,
- orThunk: self,
- map: function (f) {
- return some(f(a));
- },
- each: function (f) {
- f(a);
- },
- bind: bind,
- exists: bind,
- forall: bind,
- filter: function (f) {
- return f(a) ? me : NONE;
- },
- toArray: function () {
- return [a];
- },
- toString: function () {
- return 'some(' + a + ')';
- },
- equals: function (o) {
- return o.is(a);
- },
- equals_: function (o, elementEq) {
- return o.fold(never, function (b) {
- return elementEq(a, b);
- });
- }
- };
- return me;
- };
- var from = function (value) {
- return value === null || value === undefined ? NONE : some(value);
- };
- var Option = {
- some: some,
- none: none,
- from: from
- };
- var typeOf = function (x) {
- if (x === null) {
- return 'null';
- }
- var t = typeof x;
- if (t === 'object' && (Array.prototype.isPrototypeOf(x) || x.constructor && x.constructor.name === 'Array')) {
- return 'array';
- }
- if (t === 'object' && (String.prototype.isPrototypeOf(x) || x.constructor && x.constructor.name === 'String')) {
- return 'string';
- }
- return t;
- };
- var isType = function (type) {
- return function (value) {
- return typeOf(value) === type;
- };
- };
- var isString = isType('string');
- var isObject = isType('object');
- var isArray = isType('array');
- var isFunction = isType('function');
- var nativeSlice = Array.prototype.slice;
- var nativePush = Array.prototype.push;
- var each = function (xs, f) {
- for (var i = 0, len = xs.length; i < len; i++) {
- var x = xs[i];
- f(x, i);
- }
- };
- var flatten = function (xs) {
- var r = [];
- for (var i = 0, len = xs.length; i < len; ++i) {
- if (!isArray(xs[i])) {
- throw new Error('Arr.flatten item ' + i + ' was not an array, input: ' + xs);
- }
- nativePush.apply(r, xs[i]);
- }
- return r;
- };
- var from$1 = isFunction(Array.from) ? Array.from : function (x) {
- return nativeSlice.call(x);
- };
- var Cell = function (initial) {
- var value = initial;
- var get = function () {
- return value;
- };
- var set = function (v) {
- value = v;
- };
- var clone = function () {
- return Cell(get());
- };
- return {
- get: get,
- set: set,
- clone: clone
- };
- };
- var hasOwnProperty = Object.hasOwnProperty;
- var get = function (obj, key) {
- return has(obj, key) ? Option.from(obj[key]) : Option.none();
- };
- var has = function (obj, key) {
- return hasOwnProperty.call(obj, key);
- };
- 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 Settings = {
- getScripts: getScripts,
- getAudioTemplateCallback: getAudioTemplateCallback,
- getVideoTemplateCallback: getVideoTemplateCallback,
- hasLiveEmbeds: hasLiveEmbeds,
- shouldFilterHtml: shouldFilterHtml,
- getUrlResolver: getUrlResolver,
- hasAltSource: hasAltSource,
- hasPoster: hasPoster,
- hasDimensions: hasDimensions
- };
- var global$1 = tinymce.util.Tools.resolve('tinymce.util.Tools');
- var global$2 = tinymce.util.Tools.resolve('tinymce.html.SaxParser');
- var global$3 = tinymce.util.Tools.resolve('tinymce.dom.DOMUtils');
- 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 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 DOM = global$3.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$2({
- validate: false,
- allow_conditional_comments: true,
- start: function (name, attrs) {
- if (!data.source && name === 'param') {
- data.source = attrs.map.movie;
- }
- if (name === 'iframe' || name === 'object' || name === 'embed' || name === 'video' || name === 'audio') {
- if (!data.type) {
- data.type = name;
- }
- data = global$1.extend(attrs.map, data);
- }
- if (name === 'script') {
- var videoScript = getVideoScriptMatch(prefixes, attrs.map.src);
- if (!videoScript) {
- return;
- }
- data = {
- type: 'script',
- source: attrs.map.src,
- width: String(videoScript.width),
- height: String(videoScript.height)
- };
- }
- if (name === 'source') {
- if (!data.source) {
- data.source = attrs.map.src;
- } else if (!data.altsource) {
- data.altsource = attrs.map.src;
- }
- }
- if (name === 'img' && !data.poster) {
- data.poster = attrs.map.src;
- }
- }
- }).parse(html);
- data.source = data.source || data.src || data.data;
- data.altsource = data.altsource || '';
- data.poster = data.poster || '';
- return data;
- };
- var ephoxEmbedHtmlToData = function (html) {
- var fragment = DOM.createFragment(html);
- var div = fragment.firstChild;
- return {
- type: 'ephox-embed-iri',
- source: getEphoxEmbedIri(div),
- altsource: '',
- poster: '',
- width: Size.getMaxWidth(div),
- height: Size.getMaxHeight(div)
- };
- };
- var htmlToData = function (prefixes, html) {
- return isEphoxEmbed(html) ? ephoxEmbedHtmlToData(html) : htmlToDataSax(prefixes, html);
- };
- var guess = function (url) {
- var mimes = {
- mp3: 'audio/mpeg',
- m4a: 'audio/x-m4a',
- 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$4 = tinymce.util.Tools.resolve('tinymce.html.Writer');
- var global$5 = tinymce.util.Tools.resolve('tinymce.html.Schema');
- var DOM$1 = global$3.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$4();
- var parser = global$2(writer);
- parser.parse(html);
- return writer.getContent();
- };
- var sources = [
- 'source',
- 'altsource'
- ];
- var updateHtmlSax = function (html, data, updateAll) {
- var writer = global$4();
- var sourceCount = 0;
- var hasImage;
- global$2({
- validate: false,
- allow_conditional_comments: true,
- 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.altsource) {
- setAttributes(attrs, { src: '' });
- }
- break;
- case 'iframe':
- setAttributes(attrs, { src: data.source });
- break;
- case 'source':
- if (sourceCount < 2) {
- setAttributes(attrs, {
- src: data[sources[sourceCount]],
- type: data[sources[sourceCount] + 'mime']
- });
- if (!data[sources[sourceCount]]) {
- return;
- }
- }
- sourceCount++;
- 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 = 0; index < 2; index++) {
- if (data[sources[index]]) {
- var attrs = [];
- attrs.map = {};
- if (sourceCount < index) {
- setAttributes(attrs, {
- src: data[sources[index]],
- type: data[sources[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$5({})).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 getProtocol = function (url) {
- var protocolMatches = url.match(/^(https?:\/\/|www\.)(.+)$/i);
- if (protocolMatches && protocolMatches.length > 1) {
- return protocolMatches[1] === 'www.' ? 'https://' : protocolMatches[1];
- } else {
- return 'https://';
- }
- };
- var getUrl = function (pattern, url) {
- var protocol = getProtocol(url);
- var match = pattern.regex.exec(url);
- var newUrl = protocol + 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 patterns = urlPatterns.filter(function (pattern) {
- return pattern.regex.test(url);
- });
- if (patterns.length > 0) {
- return global$1.extend({}, patterns[0], { url: getUrl(patterns[0], url) });
- } else {
- return null;
- }
- };
- var getIframeHtml = function (data) {
- var allowFullscreen = data.allowFullscreen ? ' allowFullscreen="1"' : '';
- return '<iframe src="' + data.source + '" width="' + data.width + '" height="' + data.height + '"' + allowFullscreen + '></iframe>';
- };
- var getFlashHtml = function (data) {
- var html = '<object data="' + data.source + '" 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.source + '">' + (data.altsource ? '\n<source src="' + data.altsource + '"' + (data.altsourcemime ? ' type="' + data.altsourcemime + '"' : '') + ' />\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.source + '"' + (data.sourcemime ? ' type="' + data.sourcemime + '"' : '') + ' />\n' + (data.altsource ? '<source src="' + data.altsource + '"' + (data.altsourcemime ? ' type="' + data.altsourcemime + '"' : '') + ' />\n' : '') + '</video>';
- }
- };
- var getScriptHtml = function (data) {
- return '<script src="' + data.source + '"></script>';
- };
- var dataToHtml = function (editor, dataIn) {
- var data = global$1.extend({}, dataIn);
- if (!data.source) {
- global$1.extend(data, htmlToData(Settings.getScripts(editor), data.embed));
- if (!data.source) {
- return '';
- }
- }
- if (!data.altsource) {
- data.altsource = '';
- }
- if (!data.poster) {
- data.poster = '';
- }
- data.source = editor.convertURL(data.source, 'source');
- data.altsource = editor.convertURL(data.altsource, 'source');
- data.sourcemime = Mime.guess(data.source);
- data.altsourcemime = Mime.guess(data.altsource);
- data.poster = editor.convertURL(data.poster, 'poster');
- var pattern = matchPattern(data.source);
- if (pattern) {
- data.source = pattern.url;
- data.type = pattern.type;
- data.allowFullscreen = pattern.allowFullscreen;
- data.width = data.width || String(pattern.w);
- data.height = data.height || String(pattern.h);
- }
- if (data.embed) {
- return UpdateHtml.updateHtml(data.embed, data, true);
- } else {
- var videoScript = getVideoScriptMatch(Settings.getScripts(editor), data.source);
- if (videoScript) {
- data.type = 'script';
- data.width = String(videoScript.width);
- data.height = String(videoScript.height);
- }
- var audioTemplateCallback = Settings.getAudioTemplateCallback(editor);
- var videoTemplateCallback = Settings.getVideoTemplateCallback(editor);
- data.width = data.width || '300';
- data.height = data.height || '150';
- global$1.each(data, function (value, key) {
- data[key] = editor.dom.encode('' + value);
- });
- if (data.type === 'iframe') {
- return getIframeHtml(data);
- } else if (data.sourcemime === 'application/x-shockwave-flash') {
- return getFlashHtml(data);
- } else if (data.sourcemime.indexOf('audio') !== -1) {
- return getAudioHtml(data, audioTemplateCallback);
- } else if (data.type === 'script') {
- return getScriptHtml(data);
- } else {
- return getVideoHtml(data, videoTemplateCallback);
- }
- }
- };
- var global$6 = tinymce.util.Tools.resolve('tinymce.util.Promise');
- var cache = {};
- var embedPromise = function (data, dataToHtml, handler) {
- return new global$6(function (res, rej) {
- var wrappedResolve = function (response) {
- if (response.html) {
- cache[data.source] = response;
- }
- return res({
- url: data.source,
- html: response.html ? response.html : dataToHtml(data)
- });
- };
- if (cache[data.source]) {
- wrappedResolve(cache[data.source]);
- } else {
- handler({ url: data.source }, wrappedResolve, rej);
- }
- });
- };
- var defaultPromise = function (data, dataToHtml) {
- return new global$6(function (res) {
- res({
- html: dataToHtml(data),
- url: data.source
- });
- });
- };
- var loadedData = function (editor) {
- return function (data) {
- return 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 extractMeta = function (sourceInput, data) {
- return get(data, sourceInput).bind(function (mainData) {
- return get(mainData, 'meta');
- });
- };
- var getValue = function (data, metaData, sourceInput) {
- return function (prop) {
- var _a;
- var getFromData = function () {
- return get(data, prop);
- };
- var getFromMetaData = function () {
- return get(metaData, prop);
- };
- var getNonEmptyValue = function (c) {
- return get(c, 'value').bind(function (v) {
- return v.length > 0 ? Option.some(v) : Option.none();
- });
- };
- var getFromValueFirst = function () {
- return getFromData().bind(function (child) {
- return isObject(child) ? getNonEmptyValue(child).orThunk(getFromMetaData) : getFromMetaData().orThunk(function () {
- return Option.from(child);
- });
- });
- };
- var getFromMetaFirst = function () {
- return getFromMetaData().orThunk(function () {
- return getFromData().bind(function (child) {
- return isObject(child) ? getNonEmptyValue(child) : Option.from(child);
- });
- });
- };
- return _a = {}, _a[prop] = (prop === sourceInput ? getFromValueFirst() : getFromMetaFirst()).getOr(''), _a;
- };
- };
- var getDimensions = function (data, metaData) {
- var dimensions = {};
- get(data, 'dimensions').each(function (dims) {
- each([
- 'width',
- 'height'
- ], function (prop) {
- get(metaData, prop).orThunk(function () {
- return get(dims, prop);
- }).each(function (value) {
- return dimensions[prop] = value;
- });
- });
- });
- return dimensions;
- };
- var unwrap = function (data, sourceInput) {
- var metaData = sourceInput ? extractMeta(sourceInput, data).getOr({}) : {};
- var get = getValue(data, metaData, sourceInput);
- return __assign(__assign(__assign(__assign(__assign({}, get('source')), get('altsource')), get('poster')), get('embed')), getDimensions(data, metaData));
- };
- var wrap = function (data) {
- var wrapped = __assign(__assign({}, data), {
- source: { value: get(data, 'source').getOr('') },
- altsource: { value: get(data, 'altsource').getOr('') },
- poster: { value: get(data, 'poster').getOr('') }
- });
- each([
- 'width',
- 'height'
- ], function (prop) {
- get(data, prop).each(function (value) {
- var dimensions = wrapped.dimensions || {};
- dimensions[prop] = value;
- wrapped.dimensions = dimensions;
- });
- });
- return wrapped;
- };
- 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 snippetToData = function (editor, embedSnippet) {
- return htmlToData(Settings.getScripts(editor), embedSnippet);
- };
- var isMediaElement = function (element) {
- return element.getAttribute('data-mce-object') || element.getAttribute('data-ephox-embed-iri');
- };
- var getEditorData = function (editor) {
- var element = editor.selection.getNode();
- var snippet = isMediaElement(element) ? editor.serializer.serialize(element, { selection: true }) : '';
- return __assign({ embed: snippet }, htmlToData(Settings.getScripts(editor), snippet));
- };
- var addEmbedHtml = function (api, editor) {
- return function (response) {
- if (isString(response.url) && response.url.trim().length > 0) {
- var html = response.html;
- var snippetData = snippetToData(editor, html);
- var nuData = __assign(__assign({}, snippetData), {
- source: response.url,
- embed: html
- });
- api.setData(wrap(nuData));
- }
- };
- };
- var selectPlaceholder = function (editor, beforeObjects) {
- var afterObjects = editor.dom.select('img[data-mce-object]');
- for (var i = 0; i < beforeObjects.length; i++) {
- for (var 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 (prevData, newData, editor) {
- newData.embed = UpdateHtml.updateHtml(newData.embed, newData);
- if (newData.embed && (prevData.source === newData.source || Service.isCached(newData.source))) {
- handleInsert(editor, newData.embed);
- } else {
- Service.getEmbedHtml(editor, newData).then(function (response) {
- handleInsert(editor, response.html);
- }).catch(handleError(editor));
- }
- };
- var showDialog = function (editor) {
- var editorData = getEditorData(editor);
- var currentData = Cell(editorData);
- var initialData = wrap(editorData);
- var handleSource = function (prevData, api) {
- var serviceData = unwrap(api.getData(), 'source');
- if (prevData.source !== serviceData.source) {
- addEmbedHtml(win, editor)({
- url: serviceData.source,
- html: ''
- });
- Service.getEmbedHtml(editor, serviceData).then(addEmbedHtml(win, editor)).catch(handleError(editor));
- }
- };
- var handleEmbed = function (api) {
- var data = unwrap(api.getData());
- var dataFromEmbed = snippetToData(editor, data.embed);
- api.setData(wrap(dataFromEmbed));
- };
- var handleUpdate = function (api, sourceInput) {
- var data = unwrap(api.getData(), sourceInput);
- var embed = dataToHtml(editor, data);
- api.setData(wrap(__assign(__assign({}, data), { embed: embed })));
- };
- var mediaInput = [{
- name: 'source',
- type: 'urlinput',
- filetype: 'media',
- label: 'Source'
- }];
- var sizeInput = !Settings.hasDimensions(editor) ? [] : [{
- type: 'sizeinput',
- name: 'dimensions',
- label: 'Constrain proportions',
- constrain: true
- }];
- var generalTab = {
- title: 'General',
- name: 'general',
- items: flatten([
- mediaInput,
- sizeInput
- ])
- };
- var embedTextarea = {
- type: 'textarea',
- name: 'embed',
- label: 'Paste your embed code below:'
- };
- var embedTab = {
- title: 'Embed',
- items: [embedTextarea]
- };
- var advancedFormItems = [];
- if (Settings.hasAltSource(editor)) {
- advancedFormItems.push({
- name: 'altsource',
- type: 'urlinput',
- filetype: 'media',
- label: 'Alternative source URL'
- });
- }
- if (Settings.hasPoster(editor)) {
- advancedFormItems.push({
- name: 'poster',
- type: 'urlinput',
- filetype: 'image',
- label: 'Media poster (Image URL)'
- });
- }
- var advancedTab = {
- title: 'Advanced',
- name: 'advanced',
- items: advancedFormItems
- };
- var tabs = [
- generalTab,
- embedTab
- ];
- if (advancedFormItems.length > 0) {
- tabs.push(advancedTab);
- }
- var body = {
- type: 'tabpanel',
- tabs: tabs
- };
- var win = editor.windowManager.open({
- title: 'Insert/Edit Media',
- size: 'normal',
- body: body,
- buttons: [
- {
- type: 'cancel',
- name: 'cancel',
- text: 'Cancel'
- },
- {
- type: 'submit',
- name: 'save',
- text: 'Save',
- primary: true
- }
- ],
- onSubmit: function (api) {
- var serviceData = unwrap(api.getData());
- submitForm(currentData.get(), serviceData, editor);
- api.close();
- },
- onChange: function (api, detail) {
- switch (detail.name) {
- case 'source':
- handleSource(currentData.get(), api);
- break;
- case 'embed':
- handleEmbed(api);
- break;
- case 'dimensions':
- case 'altsource':
- case 'poster':
- handleUpdate(api, detail.name);
- break;
- }
- currentData.set(unwrap(api.getData()));
- },
- initialData: initialData
- });
- };
- var Dialog = {
- showDialog: showDialog,
- unwrap: unwrap
- };
- var get$1 = function (editor) {
- var showDialog = function () {
- Dialog.showDialog(editor);
- };
- return { showDialog: showDialog };
- };
- var Api = { get: get$1 };
- var register = function (editor) {
- var showDialog = function () {
- Dialog.showDialog(editor);
- };
- editor.addCommand('mceMedia', showDialog);
- };
- var Commands = { register: register };
- var global$7 = tinymce.util.Tools.resolve('tinymce.html.Node');
- var global$8 = tinymce.util.Tools.resolve('tinymce.Env');
- var sanitize = function (editor, html) {
- if (Settings.shouldFilterHtml(editor) === false) {
- return html;
- }
- var writer = global$4();
- var blocked;
- global$2({
- validate: false,
- allow_conditional_comments: false,
- 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$5({})).parse(html);
- return writer.getContent();
- };
- var Sanitize = { sanitize: sanitize };
- var createPlaceholderNode = function (editor, node) {
- var placeHolder;
- var name = node.name;
- placeHolder = new global$7('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$8.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$7('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$7(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$7('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 isPageEmbedWrapper = function (node) {
- var nodeClass = node.attr('class');
- return nodeClass && /\btiny-pageembed\b/.test(nodeClass);
- };
- var isWithinEmbedWrapper = function (node) {
- while (node = node.parent) {
- if (node.attr('data-ephox-embed-iri') || isPageEmbedWrapper(node)) {
- 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 = 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$8.ceFalse) {
- if (!isWithinEmbedWrapper(node)) {
- node.replace(createPreviewIframeNode(editor, node));
- }
- } else {
- if (!isWithinEmbedWrapper(node)) {
- node.replace(createPlaceholderNode(editor, node));
- }
- }
- }
- };
- };
- var Nodes = {
- createPreviewIframeNode: createPreviewIframeNode,
- createPlaceholderNode: createPlaceholderNode,
- placeHolderConverter: placeHolderConverter
- };
- var setup = function (editor) {
- editor.on('preInit', function () {
- var specialElements = editor.schema.getSpecialElements();
- global$1.each('video audio iframe object'.split(' '), function (name) {
- specialElements[name] = new RegExp('</' + name + '[^>]*>', 'gi');
- });
- var boolAttrs = editor.schema.getBoolAttrs();
- global$1.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;
- }
- realElmName = node.attr(name);
- realElm = new global$7(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$7('#text', 3);
- innerNode.raw = true;
- innerNode.value = Sanitize.sanitize(editor, unescape(innerHtml));
- realElm.append(innerNode);
- }
- 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').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 ResolveName = { setup: setup$1 };
- var setup$2 = function (editor) {
- editor.on('click keyup touchend', 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: String(e.width),
- height: String(e.height)
- })));
- }
- }
- });
- };
- var Selection = { setup: setup$2 };
- var stateSelectorAdapter = function (editor, selector) {
- return function (buttonApi) {
- return editor.selection.selectorChangedWithUnbind(selector.join(','), buttonApi.setActive).unbind;
- };
- };
- var register$1 = function (editor) {
- editor.ui.registry.addToggleButton('media', {
- tooltip: 'Insert/edit media',
- icon: 'embed',
- onAction: function () {
- editor.execCommand('mceMedia');
- },
- onSetup: stateSelectorAdapter(editor, [
- 'img[data-mce-object]',
- 'span[data-mce-object]',
- 'div[data-ephox-embed-iri]'
- ])
- });
- editor.ui.registry.addMenuItem('media', {
- icon: 'embed',
- text: 'Media...',
- onAction: function () {
- editor.execCommand('mceMedia');
- }
- });
- };
- var Buttons = { register: register$1 };
- function Plugin () {
- global.add('media', function (editor) {
- Commands.register(editor);
- Buttons.register(editor);
- ResolveName.setup(editor);
- FilterContent.setup(editor);
- Selection.setup(editor);
- return Api.get(editor);
- });
- }
- Plugin();
- }());
|