91 lines
2.2 KiB
JavaScript
91 lines
2.2 KiB
JavaScript
/**
|
|
* plugin.js
|
|
*
|
|
* Released under LGPL License.
|
|
* Copyright (c) 1999-2015 Ephox Corp. All rights reserved
|
|
*
|
|
* License: http://www.tinymce.com/license
|
|
* Contributing: http://www.tinymce.com/contributing
|
|
*/
|
|
|
|
/*global tinymce:true */
|
|
|
|
tinymce.PluginManager.add('anchor', function(editor) {
|
|
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 isValidId = function (id) {
|
|
// Follows HTML4 rules: https://www.w3.org/TR/html401/types.html#type-id
|
|
return /^[A-Za-z][A-Za-z0-9\-:._]*$/.test(id);
|
|
};
|
|
|
|
var showDialog = function () {
|
|
var selectedNode = editor.selection.getNode();
|
|
var isAnchor = selectedNode.tagName == 'A' && editor.dom.getAttrib(selectedNode, 'href') === '';
|
|
var value = '';
|
|
|
|
if (isAnchor) {
|
|
value = selectedNode.id || selectedNode.name || '';
|
|
}
|
|
|
|
editor.windowManager.open({
|
|
title: 'Anchor',
|
|
body: {type: 'textbox', name: 'id', size: 40, label: 'Id', value: value},
|
|
onsubmit: function(e) {
|
|
var id = e.data.id;
|
|
|
|
if (!isValidId(id)) {
|
|
e.preventDefault();
|
|
editor.windowManager.alert(
|
|
'Id should start with a letter, followed only by letters, numbers, dashes, dots, colons or underscores.'
|
|
);
|
|
return;
|
|
}
|
|
|
|
if (isAnchor) {
|
|
selectedNode.removeAttribute('name');
|
|
selectedNode.id = id;
|
|
} else {
|
|
editor.selection.collapse(true);
|
|
editor.execCommand('mceInsertContent', false, editor.dom.createHTML('a', {
|
|
id: id
|
|
}));
|
|
}
|
|
}
|
|
});
|
|
};
|
|
|
|
if (tinymce.Env.ceFalse) {
|
|
editor.on('PreInit', function () {
|
|
editor.parser.addNodeFilter('a', setContentEditable('false'));
|
|
editor.serializer.addNodeFilter('a', setContentEditable(null));
|
|
});
|
|
}
|
|
|
|
editor.addCommand('mceAnchor', showDialog);
|
|
|
|
editor.addButton('anchor', {
|
|
icon: 'anchor',
|
|
tooltip: 'Anchor',
|
|
onclick: showDialog,
|
|
stateSelector: 'a:not([href])'
|
|
});
|
|
|
|
editor.addMenuItem('anchor', {
|
|
icon: 'anchor',
|
|
text: 'Anchor',
|
|
context: 'insert',
|
|
onclick: showDialog
|
|
});
|
|
}); |