542 lines
15 KiB
JavaScript
542 lines
15 KiB
JavaScript
|
/**
|
||
|
|
* 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.7.0 (2021-02-10)
|
||
|
|
*/
|
||
|
|
(function () {
|
||
|
|
'use strict';
|
||
|
|
|
||
|
|
var Cell = function (initial) {
|
||
|
|
var value = initial;
|
||
|
|
var get = function () {
|
||
|
|
return value;
|
||
|
|
};
|
||
|
|
var set = function (v) {
|
||
|
|
value = v;
|
||
|
|
};
|
||
|
|
return {
|
||
|
|
get: get,
|
||
|
|
set: set
|
||
|
|
};
|
||
|
|
};
|
||
|
|
|
||
|
|
var global = tinymce.util.Tools.resolve('tinymce.PluginManager');
|
||
|
|
|
||
|
|
var get = function (toggleState) {
|
||
|
|
var isEnabled = function () {
|
||
|
|
return toggleState.get();
|
||
|
|
};
|
||
|
|
return { isEnabled: isEnabled };
|
||
|
|
};
|
||
|
|
|
||
|
|
var fireVisualChars = function (editor, state) {
|
||
|
|
return editor.fire('VisualChars', { state: state });
|
||
|
|
};
|
||
|
|
|
||
|
|
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()')
|
||
|
|
};
|
||
|
|
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 Optional = {
|
||
|
|
some: some,
|
||
|
|
none: none,
|
||
|
|
from: from
|
||
|
|
};
|
||
|
|
|
||
|
|
var typeOf = function (x) {
|
||
|
|
var t = typeof x;
|
||
|
|
if (x === null) {
|
||
|
|
return 'null';
|
||
|
|
} else if (t === 'object' && (Array.prototype.isPrototypeOf(x) || x.constructor && x.constructor.name === 'Array')) {
|
||
|
|
return 'array';
|
||
|
|
} else if (t === 'object' && (String.prototype.isPrototypeOf(x) || x.constructor && x.constructor.name === 'String')) {
|
||
|
|
return 'string';
|
||
|
|
} else {
|
||
|
|
return t;
|
||
|
|
}
|
||
|
|
};
|
||
|
|
var isType = function (type) {
|
||
|
|
return function (value) {
|
||
|
|
return typeOf(value) === type;
|
||
|
|
};
|
||
|
|
};
|
||
|
|
var isSimpleType = function (type) {
|
||
|
|
return function (value) {
|
||
|
|
return typeof value === type;
|
||
|
|
};
|
||
|
|
};
|
||
|
|
var isString = isType('string');
|
||
|
|
var isBoolean = isSimpleType('boolean');
|
||
|
|
var isNumber = isSimpleType('number');
|
||
|
|
|
||
|
|
var map = function (xs, f) {
|
||
|
|
var len = xs.length;
|
||
|
|
var r = new Array(len);
|
||
|
|
for (var i = 0; i < len; i++) {
|
||
|
|
var x = xs[i];
|
||
|
|
r[i] = f(x, i);
|
||
|
|
}
|
||
|
|
return r;
|
||
|
|
};
|
||
|
|
var each = function (xs, f) {
|
||
|
|
for (var i = 0, len = xs.length; i < len; i++) {
|
||
|
|
var x = xs[i];
|
||
|
|
f(x, i);
|
||
|
|
}
|
||
|
|
};
|
||
|
|
var filter = function (xs, pred) {
|
||
|
|
var r = [];
|
||
|
|
for (var i = 0, len = xs.length; i < len; i++) {
|
||
|
|
var x = xs[i];
|
||
|
|
if (pred(x, i)) {
|
||
|
|
r.push(x);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
return r;
|
||
|
|
};
|
||
|
|
|
||
|
|
var keys = Object.keys;
|
||
|
|
var each$1 = function (obj, f) {
|
||
|
|
var props = keys(obj);
|
||
|
|
for (var k = 0, len = props.length; k < len; k++) {
|
||
|
|
var i = props[k];
|
||
|
|
var x = obj[i];
|
||
|
|
f(x, i);
|
||
|
|
}
|
||
|
|
};
|
||
|
|
|
||
|
|
var Global = typeof window !== 'undefined' ? window : Function('return this;')();
|
||
|
|
|
||
|
|
var TEXT = 3;
|
||
|
|
|
||
|
|
var type = function (element) {
|
||
|
|
return element.dom.nodeType;
|
||
|
|
};
|
||
|
|
var value = function (element) {
|
||
|
|
return element.dom.nodeValue;
|
||
|
|
};
|
||
|
|
var isType$1 = function (t) {
|
||
|
|
return function (element) {
|
||
|
|
return type(element) === t;
|
||
|
|
};
|
||
|
|
};
|
||
|
|
var isText = isType$1(TEXT);
|
||
|
|
|
||
|
|
var rawSet = function (dom, key, value) {
|
||
|
|
if (isString(value) || isBoolean(value) || isNumber(value)) {
|
||
|
|
dom.setAttribute(key, value + '');
|
||
|
|
} else {
|
||
|
|
console.error('Invalid call to Attribute.set. Key ', key, ':: Value ', value, ':: Element ', dom);
|
||
|
|
throw new Error('Attribute value was not simple');
|
||
|
|
}
|
||
|
|
};
|
||
|
|
var set = function (element, key, value) {
|
||
|
|
rawSet(element.dom, key, value);
|
||
|
|
};
|
||
|
|
var get$1 = function (element, key) {
|
||
|
|
var v = element.dom.getAttribute(key);
|
||
|
|
return v === null ? undefined : v;
|
||
|
|
};
|
||
|
|
var remove = function (element, key) {
|
||
|
|
element.dom.removeAttribute(key);
|
||
|
|
};
|
||
|
|
|
||
|
|
var read = function (element, attr) {
|
||
|
|
var value = get$1(element, attr);
|
||
|
|
return value === undefined || value === '' ? [] : value.split(' ');
|
||
|
|
};
|
||
|
|
var add = function (element, attr, id) {
|
||
|
|
var old = read(element, attr);
|
||
|
|
var nu = old.concat([id]);
|
||
|
|
set(element, attr, nu.join(' '));
|
||
|
|
return true;
|
||
|
|
};
|
||
|
|
var remove$1 = function (element, attr, id) {
|
||
|
|
var nu = filter(read(element, attr), function (v) {
|
||
|
|
return v !== id;
|
||
|
|
});
|
||
|
|
if (nu.length > 0) {
|
||
|
|
set(element, attr, nu.join(' '));
|
||
|
|
} else {
|
||
|
|
remove(element, attr);
|
||
|
|
}
|
||
|
|
return false;
|
||
|
|
};
|
||
|
|
|
||
|
|
var supports = function (element) {
|
||
|
|
return element.dom.classList !== undefined;
|
||
|
|
};
|
||
|
|
var get$2 = function (element) {
|
||
|
|
return read(element, 'class');
|
||
|
|
};
|
||
|
|
var add$1 = function (element, clazz) {
|
||
|
|
return add(element, 'class', clazz);
|
||
|
|
};
|
||
|
|
var remove$2 = function (element, clazz) {
|
||
|
|
return remove$1(element, 'class', clazz);
|
||
|
|
};
|
||
|
|
|
||
|
|
var add$2 = function (element, clazz) {
|
||
|
|
if (supports(element)) {
|
||
|
|
element.dom.classList.add(clazz);
|
||
|
|
} else {
|
||
|
|
add$1(element, clazz);
|
||
|
|
}
|
||
|
|
};
|
||
|
|
var cleanClass = function (element) {
|
||
|
|
var classList = supports(element) ? element.dom.classList : get$2(element);
|
||
|
|
if (classList.length === 0) {
|
||
|
|
remove(element, 'class');
|
||
|
|
}
|
||
|
|
};
|
||
|
|
var remove$3 = function (element, clazz) {
|
||
|
|
if (supports(element)) {
|
||
|
|
var classList = element.dom.classList;
|
||
|
|
classList.remove(clazz);
|
||
|
|
} else {
|
||
|
|
remove$2(element, clazz);
|
||
|
|
}
|
||
|
|
cleanClass(element);
|
||
|
|
};
|
||
|
|
|
||
|
|
var fromHtml = function (html, scope) {
|
||
|
|
var doc = scope || document;
|
||
|
|
var div = doc.createElement('div');
|
||
|
|
div.innerHTML = html;
|
||
|
|
if (!div.hasChildNodes() || div.childNodes.length > 1) {
|
||
|
|
console.error('HTML does not have a single root node', html);
|
||
|
|
throw new Error('HTML must have a single root node');
|
||
|
|
}
|
||
|
|
return fromDom(div.childNodes[0]);
|
||
|
|
};
|
||
|
|
var fromTag = function (tag, scope) {
|
||
|
|
var doc = scope || document;
|
||
|
|
var node = doc.createElement(tag);
|
||
|
|
return fromDom(node);
|
||
|
|
};
|
||
|
|
var fromText = function (text, scope) {
|
||
|
|
var doc = scope || document;
|
||
|
|
var node = doc.createTextNode(text);
|
||
|
|
return fromDom(node);
|
||
|
|
};
|
||
|
|
var fromDom = function (node) {
|
||
|
|
if (node === null || node === undefined) {
|
||
|
|
throw new Error('Node cannot be null or undefined');
|
||
|
|
}
|
||
|
|
return { dom: node };
|
||
|
|
};
|
||
|
|
var fromPoint = function (docElm, x, y) {
|
||
|
|
return Optional.from(docElm.dom.elementFromPoint(x, y)).map(fromDom);
|
||
|
|
};
|
||
|
|
var SugarElement = {
|
||
|
|
fromHtml: fromHtml,
|
||
|
|
fromTag: fromTag,
|
||
|
|
fromText: fromText,
|
||
|
|
fromDom: fromDom,
|
||
|
|
fromPoint: fromPoint
|
||
|
|
};
|
||
|
|
|
||
|
|
var charMap = {
|
||
|
|
'\xA0': 'nbsp',
|
||
|
|
'\xAD': 'shy'
|
||
|
|
};
|
||
|
|
var charMapToRegExp = function (charMap, global) {
|
||
|
|
var regExp = '';
|
||
|
|
each$1(charMap, function (_value, key) {
|
||
|
|
regExp += key;
|
||
|
|
});
|
||
|
|
return new RegExp('[' + regExp + ']', global ? 'g' : '');
|
||
|
|
};
|
||
|
|
var charMapToSelector = function (charMap) {
|
||
|
|
var selector = '';
|
||
|
|
each$1(charMap, function (value) {
|
||
|
|
if (selector) {
|
||
|
|
selector += ',';
|
||
|
|
}
|
||
|
|
selector += 'span.mce-' + value;
|
||
|
|
});
|
||
|
|
return selector;
|
||
|
|
};
|
||
|
|
var regExp = charMapToRegExp(charMap);
|
||
|
|
var regExpGlobal = charMapToRegExp(charMap, true);
|
||
|
|
var selector = charMapToSelector(charMap);
|
||
|
|
var nbspClass = 'mce-nbsp';
|
||
|
|
|
||
|
|
var wrapCharWithSpan = function (value) {
|
||
|
|
return '<span data-mce-bogus="1" class="mce-' + charMap[value] + '">' + value + '</span>';
|
||
|
|
};
|
||
|
|
|
||
|
|
var isMatch = function (n) {
|
||
|
|
var value$1 = value(n);
|
||
|
|
return isText(n) && value$1 !== undefined && regExp.test(value$1);
|
||
|
|
};
|
||
|
|
var filterDescendants = function (scope, predicate) {
|
||
|
|
var result = [];
|
||
|
|
var dom = scope.dom;
|
||
|
|
var children = map(dom.childNodes, SugarElement.fromDom);
|
||
|
|
each(children, function (x) {
|
||
|
|
if (predicate(x)) {
|
||
|
|
result = result.concat([x]);
|
||
|
|
}
|
||
|
|
result = result.concat(filterDescendants(x, predicate));
|
||
|
|
});
|
||
|
|
return result;
|
||
|
|
};
|
||
|
|
var findParentElm = function (elm, rootElm) {
|
||
|
|
while (elm.parentNode) {
|
||
|
|
if (elm.parentNode === rootElm) {
|
||
|
|
return elm;
|
||
|
|
}
|
||
|
|
elm = elm.parentNode;
|
||
|
|
}
|
||
|
|
};
|
||
|
|
var replaceWithSpans = function (text) {
|
||
|
|
return text.replace(regExpGlobal, wrapCharWithSpan);
|
||
|
|
};
|
||
|
|
|
||
|
|
var isWrappedNbsp = function (node) {
|
||
|
|
return node.nodeName.toLowerCase() === 'span' && node.classList.contains('mce-nbsp-wrap');
|
||
|
|
};
|
||
|
|
var show = function (editor, rootElm) {
|
||
|
|
var nodeList = filterDescendants(SugarElement.fromDom(rootElm), isMatch);
|
||
|
|
each(nodeList, function (n) {
|
||
|
|
var parent = n.dom.parentNode;
|
||
|
|
if (isWrappedNbsp(parent)) {
|
||
|
|
add$2(SugarElement.fromDom(parent), nbspClass);
|
||
|
|
} else {
|
||
|
|
var withSpans = replaceWithSpans(editor.dom.encode(value(n)));
|
||
|
|
var div = editor.dom.create('div', null, withSpans);
|
||
|
|
var node = void 0;
|
||
|
|
while (node = div.lastChild) {
|
||
|
|
editor.dom.insertAfter(node, n.dom);
|
||
|
|
}
|
||
|
|
editor.dom.remove(n.dom);
|
||
|
|
}
|
||
|
|
});
|
||
|
|
};
|
||
|
|
var hide = function (editor, rootElm) {
|
||
|
|
var nodeList = editor.dom.select(selector, rootElm);
|
||
|
|
each(nodeList, function (node) {
|
||
|
|
if (isWrappedNbsp(node)) {
|
||
|
|
remove$3(SugarElement.fromDom(node), nbspClass);
|
||
|
|
} else {
|
||
|
|
editor.dom.remove(node, true);
|
||
|
|
}
|
||
|
|
});
|
||
|
|
};
|
||
|
|
var toggle = function (editor) {
|
||
|
|
var body = editor.getBody();
|
||
|
|
var bookmark = editor.selection.getBookmark();
|
||
|
|
var parentNode = findParentElm(editor.selection.getNode(), body);
|
||
|
|
parentNode = parentNode !== undefined ? parentNode : body;
|
||
|
|
hide(editor, parentNode);
|
||
|
|
show(editor, parentNode);
|
||
|
|
editor.selection.moveToBookmark(bookmark);
|
||
|
|
};
|
||
|
|
|
||
|
|
var applyVisualChars = function (editor, toggleState) {
|
||
|
|
fireVisualChars(editor, toggleState.get());
|
||
|
|
var body = editor.getBody();
|
||
|
|
if (toggleState.get() === true) {
|
||
|
|
show(editor, body);
|
||
|
|
} else {
|
||
|
|
hide(editor, body);
|
||
|
|
}
|
||
|
|
};
|
||
|
|
var toggleVisualChars = function (editor, toggleState) {
|
||
|
|
toggleState.set(!toggleState.get());
|
||
|
|
var bookmark = editor.selection.getBookmark();
|
||
|
|
applyVisualChars(editor, toggleState);
|
||
|
|
editor.selection.moveToBookmark(bookmark);
|
||
|
|
};
|
||
|
|
|
||
|
|
var register = function (editor, toggleState) {
|
||
|
|
editor.addCommand('mceVisualChars', function () {
|
||
|
|
toggleVisualChars(editor, toggleState);
|
||
|
|
});
|
||
|
|
};
|
||
|
|
|
||
|
|
var isEnabledByDefault = function (editor) {
|
||
|
|
return editor.getParam('visualchars_default_state', false);
|
||
|
|
};
|
||
|
|
var hasForcedRootBlock = function (editor) {
|
||
|
|
return editor.getParam('forced_root_block') !== false;
|
||
|
|
};
|
||
|
|
|
||
|
|
var setup = function (editor, toggleState) {
|
||
|
|
editor.on('init', function () {
|
||
|
|
applyVisualChars(editor, toggleState);
|
||
|
|
});
|
||
|
|
};
|
||
|
|
|
||
|
|
var global$1 = tinymce.util.Tools.resolve('tinymce.util.Delay');
|
||
|
|
|
||
|
|
var setup$1 = function (editor, toggleState) {
|
||
|
|
var debouncedToggle = global$1.debounce(function () {
|
||
|
|
toggle(editor);
|
||
|
|
}, 300);
|
||
|
|
if (hasForcedRootBlock(editor)) {
|
||
|
|
editor.on('keydown', function (e) {
|
||
|
|
if (toggleState.get() === true) {
|
||
|
|
e.keyCode === 13 ? toggle(editor) : debouncedToggle();
|
||
|
|
}
|
||
|
|
});
|
||
|
|
}
|
||
|
|
editor.on('remove', debouncedToggle.stop);
|
||
|
|
};
|
||
|
|
|
||
|
|
var toggleActiveState = function (editor, enabledStated) {
|
||
|
|
return function (api) {
|
||
|
|
api.setActive(enabledStated.get());
|
||
|
|
var editorEventCallback = function (e) {
|
||
|
|
return api.setActive(e.state);
|
||
|
|
};
|
||
|
|
editor.on('VisualChars', editorEventCallback);
|
||
|
|
return function () {
|
||
|
|
return editor.off('VisualChars', editorEventCallback);
|
||
|
|
};
|
||
|
|
};
|
||
|
|
};
|
||
|
|
var register$1 = function (editor, toggleState) {
|
||
|
|
editor.ui.registry.addToggleButton('visualchars', {
|
||
|
|
tooltip: 'Show invisible characters',
|
||
|
|
icon: 'visualchars',
|
||
|
|
onAction: function () {
|
||
|
|
return editor.execCommand('mceVisualChars');
|
||
|
|
},
|
||
|
|
onSetup: toggleActiveState(editor, toggleState)
|
||
|
|
});
|
||
|
|
editor.ui.registry.addToggleMenuItem('visualchars', {
|
||
|
|
text: 'Show invisible characters',
|
||
|
|
icon: 'visualchars',
|
||
|
|
onAction: function () {
|
||
|
|
return editor.execCommand('mceVisualChars');
|
||
|
|
},
|
||
|
|
onSetup: toggleActiveState(editor, toggleState)
|
||
|
|
});
|
||
|
|
};
|
||
|
|
|
||
|
|
function Plugin () {
|
||
|
|
global.add('visualchars', function (editor) {
|
||
|
|
var toggleState = Cell(isEnabledByDefault(editor));
|
||
|
|
register(editor, toggleState);
|
||
|
|
register$1(editor, toggleState);
|
||
|
|
setup$1(editor, toggleState);
|
||
|
|
setup(editor, toggleState);
|
||
|
|
return get(toggleState);
|
||
|
|
});
|
||
|
|
}
|
||
|
|
|
||
|
|
Plugin();
|
||
|
|
|
||
|
|
}());
|