plugin.js 3.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137
  1. /**
  2. * Copyright (c) Tiny Technologies, Inc. All rights reserved.
  3. * Licensed under the LGPL or a commercial license.
  4. * For LGPL see License.txt in the project root for license information.
  5. * For commercial licenses see https://www.tiny.cloud/
  6. *
  7. * Version: 5.3.0 (2020-05-21)
  8. */
  9. (function () {
  10. 'use strict';
  11. var global = tinymce.util.Tools.resolve('tinymce.PluginManager');
  12. var isNamedAnchor = function (editor, node) {
  13. return node.tagName === 'A' && editor.dom.getAttrib(node, 'href') === '';
  14. };
  15. var isValidId = function (id) {
  16. return /^[A-Za-z][A-Za-z0-9\-:._]*$/.test(id);
  17. };
  18. var getId = function (editor) {
  19. var selectedNode = editor.selection.getNode();
  20. return isNamedAnchor(editor, selectedNode) ? selectedNode.getAttribute('id') || selectedNode.getAttribute('name') : '';
  21. };
  22. var insert = function (editor, id) {
  23. var selectedNode = editor.selection.getNode();
  24. if (isNamedAnchor(editor, selectedNode)) {
  25. selectedNode.removeAttribute('name');
  26. selectedNode.id = id;
  27. editor.undoManager.add();
  28. } else {
  29. editor.focus();
  30. editor.selection.collapse(true);
  31. editor.insertContent(editor.dom.createHTML('a', { id: id }));
  32. }
  33. };
  34. var insertAnchor = function (editor, newId) {
  35. if (!isValidId(newId)) {
  36. editor.windowManager.alert('Id should start with a letter, followed only by letters, numbers, dashes, dots, colons or underscores.');
  37. return false;
  38. } else {
  39. insert(editor, newId);
  40. return true;
  41. }
  42. };
  43. var open = function (editor) {
  44. var currentId = getId(editor);
  45. editor.windowManager.open({
  46. title: 'Anchor',
  47. size: 'normal',
  48. body: {
  49. type: 'panel',
  50. items: [{
  51. name: 'id',
  52. type: 'input',
  53. label: 'ID',
  54. placeholder: 'example'
  55. }]
  56. },
  57. buttons: [
  58. {
  59. type: 'cancel',
  60. name: 'cancel',
  61. text: 'Cancel'
  62. },
  63. {
  64. type: 'submit',
  65. name: 'save',
  66. text: 'Save',
  67. primary: true
  68. }
  69. ],
  70. initialData: { id: currentId },
  71. onSubmit: function (api) {
  72. if (insertAnchor(editor, api.getData().id)) {
  73. api.close();
  74. }
  75. }
  76. });
  77. };
  78. var register = function (editor) {
  79. editor.addCommand('mceAnchor', function () {
  80. open(editor);
  81. });
  82. };
  83. var isNamedAnchorNode = function (node) {
  84. return !node.attr('href') && (node.attr('id') || node.attr('name')) && !node.firstChild;
  85. };
  86. var setContentEditable = function (state) {
  87. return function (nodes) {
  88. for (var i = 0; i < nodes.length; i++) {
  89. if (isNamedAnchorNode(nodes[i])) {
  90. nodes[i].attr('contenteditable', state);
  91. }
  92. }
  93. };
  94. };
  95. var setup = function (editor) {
  96. editor.on('PreInit', function () {
  97. editor.parser.addNodeFilter('a', setContentEditable('false'));
  98. editor.serializer.addNodeFilter('a', setContentEditable(null));
  99. });
  100. };
  101. var register$1 = function (editor) {
  102. editor.ui.registry.addToggleButton('anchor', {
  103. icon: 'bookmark',
  104. tooltip: 'Anchor',
  105. onAction: function () {
  106. return editor.execCommand('mceAnchor');
  107. },
  108. onSetup: function (buttonApi) {
  109. return editor.selection.selectorChangedWithUnbind('a:not([href])', buttonApi.setActive).unbind;
  110. }
  111. });
  112. editor.ui.registry.addMenuItem('anchor', {
  113. icon: 'bookmark',
  114. text: 'Anchor...',
  115. onAction: function () {
  116. return editor.execCommand('mceAnchor');
  117. }
  118. });
  119. };
  120. function Plugin () {
  121. global.add('anchor', function (editor) {
  122. setup(editor);
  123. register(editor);
  124. register$1(editor);
  125. });
  126. }
  127. Plugin();
  128. }());