plugin.js 4.3 KB

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