You can not 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
3.2 KiB
118 lines
3.2 KiB
7 years ago
|
(function () {
|
||
|
var anchor = (function () {
|
||
|
'use strict';
|
||
|
|
||
|
var PluginManager = tinymce.util.Tools.resolve('tinymce.PluginManager');
|
||
|
|
||
|
var isValidId = function (id) {
|
||
|
return /^[A-Za-z][A-Za-z0-9\-:._]*$/.test(id);
|
||
|
};
|
||
|
var getId = function (editor) {
|
||
|
var selectedNode = editor.selection.getNode();
|
||
|
var isAnchor = selectedNode.tagName === 'A' && editor.dom.getAttrib(selectedNode, 'href') === '';
|
||
|
return isAnchor ? selectedNode.id || selectedNode.name : '';
|
||
|
};
|
||
|
var insert = function (editor, id) {
|
||
|
var selectedNode = editor.selection.getNode();
|
||
|
var isAnchor = selectedNode.tagName === 'A' && editor.dom.getAttrib(selectedNode, 'href') === '';
|
||
|
if (isAnchor) {
|
||
|
selectedNode.removeAttribute('name');
|
||
|
selectedNode.id = id;
|
||
|
} else {
|
||
|
editor.focus();
|
||
|
editor.selection.collapse(true);
|
||
|
editor.execCommand('mceInsertContent', false, editor.dom.createHTML('a', { id: id }));
|
||
|
}
|
||
|
};
|
||
|
var $_c1hrip7ojd09evi3 = {
|
||
|
isValidId: isValidId,
|
||
|
getId: getId,
|
||
|
insert: insert
|
||
|
};
|
||
|
|
||
|
var insertAnchor = function (editor, newId) {
|
||
|
if (!$_c1hrip7ojd09evi3.isValidId(newId)) {
|
||
|
editor.windowManager.alert('Id should start with a letter, followed only by letters, numbers, dashes, dots, colons or underscores.');
|
||
|
return true;
|
||
|
} else {
|
||
|
$_c1hrip7ojd09evi3.insert(editor, newId);
|
||
|
return false;
|
||
|
}
|
||
|
};
|
||
|
var open = function (editor) {
|
||
|
var currentId = $_c1hrip7ojd09evi3.getId(editor);
|
||
|
editor.windowManager.open({
|
||
|
title: 'Anchor',
|
||
|
body: {
|
||
|
type: 'textbox',
|
||
|
name: 'id',
|
||
|
size: 40,
|
||
|
label: 'Id',
|
||
|
value: currentId
|
||
|
},
|
||
|
onsubmit: function (e) {
|
||
|
var newId = e.data.id;
|
||
|
if (insertAnchor(editor, newId)) {
|
||
|
e.preventDefault();
|
||
|
}
|
||
|
}
|
||
|
});
|
||
|
};
|
||
|
var $_drw1km7njd09evi2 = { open: open };
|
||
|
|
||
|
var register = function (editor) {
|
||
|
editor.addCommand('mceAnchor', function () {
|
||
|
$_drw1km7njd09evi2.open(editor);
|
||
|
});
|
||
|
};
|
||
|
var $_5zyao7mjd09evi1 = { register: register };
|
||
|
|
||
|
var isAnchorNode = function (node) {
|
||
|
return !node.attr('href') && (node.attr('id') || node.attr('name')) && !node.firstChild;
|
||
|
};
|
||
|
var setContentEditable = function (state) {
|
||
|
return function (nodes) {
|
||
|
for (var i = 0; i < nodes.length; i++) {
|
||
|
if (isAnchorNode(nodes[i])) {
|
||
|
nodes[i].attr('contenteditable', state);
|
||
|
}
|
||
|
}
|
||
|
};
|
||
|
};
|
||
|
var setup = function (editor) {
|
||
|
editor.on('PreInit', function () {
|
||
|
editor.parser.addNodeFilter('a', setContentEditable('false'));
|
||
|
editor.serializer.addNodeFilter('a', setContentEditable(null));
|
||
|
});
|
||
|
};
|
||
|
var $_mx9k67pjd09evi5 = { setup: setup };
|
||
|
|
||
|
var register$1 = function (editor) {
|
||
|
editor.addButton('anchor', {
|
||
|
icon: 'anchor',
|
||
|
tooltip: 'Anchor',
|
||
|
cmd: 'mceAnchor',
|
||
|
stateSelector: 'a:not([href])'
|
||
|
});
|
||
|
editor.addMenuItem('anchor', {
|
||
|
icon: 'anchor',
|
||
|
text: 'Anchor',
|
||
|
context: 'insert',
|
||
|
cmd: 'mceAnchor'
|
||
|
});
|
||
|
};
|
||
|
var $_581fcg7qjd09evi7 = { register: register$1 };
|
||
|
|
||
|
PluginManager.add('anchor', function (editor) {
|
||
|
$_mx9k67pjd09evi5.setup(editor);
|
||
|
$_5zyao7mjd09evi1.register(editor);
|
||
|
$_581fcg7qjd09evi7.register(editor);
|
||
|
});
|
||
|
function Plugin () {
|
||
|
}
|
||
|
|
||
|
return Plugin;
|
||
|
|
||
|
}());
|
||
|
})()
|