You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
118 lines
4.2 KiB
JavaScript
118 lines
4.2 KiB
JavaScript
4 weeks ago
|
/**
|
||
|
* 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.9.2 (2021-09-08)
|
||
|
*/
|
||
|
(function () {
|
||
|
'use strict';
|
||
|
|
||
|
var global$1 = tinymce.util.Tools.resolve('tinymce.PluginManager');
|
||
|
|
||
|
var global = tinymce.util.Tools.resolve('tinymce.util.Tools');
|
||
|
|
||
|
var getNonEditableClass = function (editor) {
|
||
|
return editor.getParam('noneditable_noneditable_class', 'mceNonEditable');
|
||
|
};
|
||
|
var getEditableClass = function (editor) {
|
||
|
return editor.getParam('noneditable_editable_class', 'mceEditable');
|
||
|
};
|
||
|
var getNonEditableRegExps = function (editor) {
|
||
|
var nonEditableRegExps = editor.getParam('noneditable_regexp', []);
|
||
|
if (nonEditableRegExps && nonEditableRegExps.constructor === RegExp) {
|
||
|
return [nonEditableRegExps];
|
||
|
} else {
|
||
|
return nonEditableRegExps;
|
||
|
}
|
||
|
};
|
||
|
|
||
|
var hasClass = function (checkClassName) {
|
||
|
return function (node) {
|
||
|
return (' ' + node.attr('class') + ' ').indexOf(checkClassName) !== -1;
|
||
|
};
|
||
|
};
|
||
|
var replaceMatchWithSpan = function (editor, content, cls) {
|
||
|
return function (match) {
|
||
|
var args = arguments, index = args[args.length - 2];
|
||
|
var prevChar = index > 0 ? content.charAt(index - 1) : '';
|
||
|
if (prevChar === '"') {
|
||
|
return match;
|
||
|
}
|
||
|
if (prevChar === '>') {
|
||
|
var findStartTagIndex = content.lastIndexOf('<', index);
|
||
|
if (findStartTagIndex !== -1) {
|
||
|
var tagHtml = content.substring(findStartTagIndex, index);
|
||
|
if (tagHtml.indexOf('contenteditable="false"') !== -1) {
|
||
|
return match;
|
||
|
}
|
||
|
}
|
||
|
}
|
||
|
return '<span class="' + cls + '" data-mce-content="' + editor.dom.encode(args[0]) + '">' + editor.dom.encode(typeof args[1] === 'string' ? args[1] : args[0]) + '</span>';
|
||
|
};
|
||
|
};
|
||
|
var convertRegExpsToNonEditable = function (editor, nonEditableRegExps, e) {
|
||
|
var i = nonEditableRegExps.length, content = e.content;
|
||
|
if (e.format === 'raw') {
|
||
|
return;
|
||
|
}
|
||
|
while (i--) {
|
||
|
content = content.replace(nonEditableRegExps[i], replaceMatchWithSpan(editor, content, getNonEditableClass(editor)));
|
||
|
}
|
||
|
e.content = content;
|
||
|
};
|
||
|
var setup = function (editor) {
|
||
|
var contentEditableAttrName = 'contenteditable';
|
||
|
var editClass = ' ' + global.trim(getEditableClass(editor)) + ' ';
|
||
|
var nonEditClass = ' ' + global.trim(getNonEditableClass(editor)) + ' ';
|
||
|
var hasEditClass = hasClass(editClass);
|
||
|
var hasNonEditClass = hasClass(nonEditClass);
|
||
|
var nonEditableRegExps = getNonEditableRegExps(editor);
|
||
|
editor.on('PreInit', function () {
|
||
|
if (nonEditableRegExps.length > 0) {
|
||
|
editor.on('BeforeSetContent', function (e) {
|
||
|
convertRegExpsToNonEditable(editor, nonEditableRegExps, e);
|
||
|
});
|
||
|
}
|
||
|
editor.parser.addAttributeFilter('class', function (nodes) {
|
||
|
var i = nodes.length, node;
|
||
|
while (i--) {
|
||
|
node = nodes[i];
|
||
|
if (hasEditClass(node)) {
|
||
|
node.attr(contentEditableAttrName, 'true');
|
||
|
} else if (hasNonEditClass(node)) {
|
||
|
node.attr(contentEditableAttrName, 'false');
|
||
|
}
|
||
|
}
|
||
|
});
|
||
|
editor.serializer.addAttributeFilter(contentEditableAttrName, function (nodes) {
|
||
|
var i = nodes.length, node;
|
||
|
while (i--) {
|
||
|
node = nodes[i];
|
||
|
if (!hasEditClass(node) && !hasNonEditClass(node)) {
|
||
|
continue;
|
||
|
}
|
||
|
if (nonEditableRegExps.length > 0 && node.attr('data-mce-content')) {
|
||
|
node.name = '#text';
|
||
|
node.type = 3;
|
||
|
node.raw = true;
|
||
|
node.value = node.attr('data-mce-content');
|
||
|
} else {
|
||
|
node.attr(contentEditableAttrName, null);
|
||
|
}
|
||
|
}
|
||
|
});
|
||
|
});
|
||
|
};
|
||
|
|
||
|
function Plugin () {
|
||
|
global$1.add('noneditable', function (editor) {
|
||
|
setup(editor);
|
||
|
});
|
||
|
}
|
||
|
|
||
|
Plugin();
|
||
|
|
||
|
}());
|