123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118 |
- (function () {
- var anchor = (function () {
- 'use strict';
- var global = 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;
- editor.undoManager.add();
- } else {
- editor.focus();
- editor.selection.collapse(true);
- editor.execCommand('mceInsertContent', false, editor.dom.createHTML('a', { id: id }));
- }
- };
- var Anchor = {
- isValidId: isValidId,
- getId: getId,
- insert: insert
- };
- var insertAnchor = function (editor, newId) {
- if (!Anchor.isValidId(newId)) {
- editor.windowManager.alert('Id should start with a letter, followed only by letters, numbers, dashes, dots, colons or underscores.');
- return true;
- } else {
- Anchor.insert(editor, newId);
- return false;
- }
- };
- var open = function (editor) {
- var currentId = Anchor.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 Dialog = { open: open };
- var register = function (editor) {
- editor.addCommand('mceAnchor', function () {
- Dialog.open(editor);
- });
- };
- var Commands = { 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 FilterContent = { 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 Buttons = { register: register$1 };
- global.add('anchor', function (editor) {
- FilterContent.setup(editor);
- Commands.register(editor);
- Buttons.register(editor);
- });
- function Plugin () {
- }
- return Plugin;
- }());
- })();
|