plugin.js 3.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107
  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 global$1 = tinymce.util.Tools.resolve('tinymce.Env');
  13. var getSeparatorHtml = function (editor) {
  14. return editor.getParam('pagebreak_separator', '<!-- pagebreak -->');
  15. };
  16. var shouldSplitBlock = function (editor) {
  17. return editor.getParam('pagebreak_split_block', false);
  18. };
  19. var getPageBreakClass = function () {
  20. return 'mce-pagebreak';
  21. };
  22. var getPlaceholderHtml = function () {
  23. return '<img src="' + global$1.transparentSrc + '" class="' + getPageBreakClass() + '" data-mce-resize="false" data-mce-placeholder />';
  24. };
  25. var setup = function (editor) {
  26. var separatorHtml = getSeparatorHtml(editor);
  27. var pageBreakSeparatorRegExp = new RegExp(separatorHtml.replace(/[\?\.\*\[\]\(\)\{\}\+\^\$\:]/g, function (a) {
  28. return '\\' + a;
  29. }), 'gi');
  30. editor.on('BeforeSetContent', function (e) {
  31. e.content = e.content.replace(pageBreakSeparatorRegExp, getPlaceholderHtml());
  32. });
  33. editor.on('PreInit', function () {
  34. editor.serializer.addNodeFilter('img', function (nodes) {
  35. var i = nodes.length, node, className;
  36. while (i--) {
  37. node = nodes[i];
  38. className = node.attr('class');
  39. if (className && className.indexOf('mce-pagebreak') !== -1) {
  40. var parentNode = node.parent;
  41. if (editor.schema.getBlockElements()[parentNode.name] && shouldSplitBlock(editor)) {
  42. parentNode.type = 3;
  43. parentNode.value = separatorHtml;
  44. parentNode.raw = true;
  45. node.remove();
  46. continue;
  47. }
  48. node.type = 3;
  49. node.value = separatorHtml;
  50. node.raw = true;
  51. }
  52. }
  53. });
  54. });
  55. };
  56. var register = function (editor) {
  57. editor.addCommand('mcePageBreak', function () {
  58. if (editor.settings.pagebreak_split_block) {
  59. editor.insertContent('<p>' + getPlaceholderHtml() + '</p>');
  60. } else {
  61. editor.insertContent(getPlaceholderHtml());
  62. }
  63. });
  64. };
  65. var setup$1 = function (editor) {
  66. editor.on('ResolveName', function (e) {
  67. if (e.target.nodeName === 'IMG' && editor.dom.hasClass(e.target, getPageBreakClass())) {
  68. e.name = 'pagebreak';
  69. }
  70. });
  71. };
  72. var register$1 = function (editor) {
  73. editor.ui.registry.addButton('pagebreak', {
  74. icon: 'page-break',
  75. tooltip: 'Page break',
  76. onAction: function () {
  77. return editor.execCommand('mcePageBreak');
  78. }
  79. });
  80. editor.ui.registry.addMenuItem('pagebreak', {
  81. text: 'Page break',
  82. icon: 'page-break',
  83. onAction: function () {
  84. return editor.execCommand('mcePageBreak');
  85. }
  86. });
  87. };
  88. function Plugin () {
  89. global.add('pagebreak', function (editor) {
  90. register(editor);
  91. register$1(editor);
  92. setup(editor);
  93. setup$1(editor);
  94. });
  95. }
  96. Plugin();
  97. }());