plugin.js 5.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169
  1. (function () {
  2. var autoresize = (function () {
  3. 'use strict';
  4. var Cell = function (initial) {
  5. var value = initial;
  6. var get = function () {
  7. return value;
  8. };
  9. var set = function (v) {
  10. value = v;
  11. };
  12. var clone = function () {
  13. return Cell(get());
  14. };
  15. return {
  16. get: get,
  17. set: set,
  18. clone: clone
  19. };
  20. };
  21. var global = tinymce.util.Tools.resolve('tinymce.PluginManager');
  22. var global$1 = tinymce.util.Tools.resolve('tinymce.Env');
  23. var global$2 = tinymce.util.Tools.resolve('tinymce.util.Delay');
  24. var getAutoResizeMinHeight = function (editor) {
  25. return parseInt(editor.getParam('autoresize_min_height', editor.getElement().offsetHeight), 10);
  26. };
  27. var getAutoResizeMaxHeight = function (editor) {
  28. return parseInt(editor.getParam('autoresize_max_height', 0), 10);
  29. };
  30. var getAutoResizeOverflowPadding = function (editor) {
  31. return editor.getParam('autoresize_overflow_padding', 1);
  32. };
  33. var getAutoResizeBottomMargin = function (editor) {
  34. return editor.getParam('autoresize_bottom_margin', 50);
  35. };
  36. var shouldAutoResizeOnInit = function (editor) {
  37. return editor.getParam('autoresize_on_init', true);
  38. };
  39. var $_37zh3k93jkmcwo49 = {
  40. getAutoResizeMinHeight: getAutoResizeMinHeight,
  41. getAutoResizeMaxHeight: getAutoResizeMaxHeight,
  42. getAutoResizeOverflowPadding: getAutoResizeOverflowPadding,
  43. getAutoResizeBottomMargin: getAutoResizeBottomMargin,
  44. shouldAutoResizeOnInit: shouldAutoResizeOnInit
  45. };
  46. var isFullscreen = function (editor) {
  47. return editor.plugins.fullscreen && editor.plugins.fullscreen.isFullscreen();
  48. };
  49. var wait = function (editor, oldSize, times, interval, callback) {
  50. global$2.setEditorTimeout(editor, function () {
  51. resize(editor, oldSize);
  52. if (times--) {
  53. wait(editor, oldSize, times, interval, callback);
  54. } else if (callback) {
  55. callback();
  56. }
  57. }, interval);
  58. };
  59. var toggleScrolling = function (editor, state) {
  60. var body = editor.getBody();
  61. if (body) {
  62. body.style.overflowY = state ? '' : 'hidden';
  63. if (!state) {
  64. body.scrollTop = 0;
  65. }
  66. }
  67. };
  68. var resize = function (editor, oldSize) {
  69. var deltaSize, doc, body, resizeHeight, myHeight;
  70. var marginTop, marginBottom, paddingTop, paddingBottom, borderTop, borderBottom;
  71. var dom = editor.dom;
  72. doc = editor.getDoc();
  73. if (!doc) {
  74. return;
  75. }
  76. if (isFullscreen(editor)) {
  77. toggleScrolling(editor, true);
  78. return;
  79. }
  80. body = doc.body;
  81. resizeHeight = $_37zh3k93jkmcwo49.getAutoResizeMinHeight(editor);
  82. marginTop = dom.getStyle(body, 'margin-top', true);
  83. marginBottom = dom.getStyle(body, 'margin-bottom', true);
  84. paddingTop = dom.getStyle(body, 'padding-top', true);
  85. paddingBottom = dom.getStyle(body, 'padding-bottom', true);
  86. borderTop = dom.getStyle(body, 'border-top-width', true);
  87. borderBottom = dom.getStyle(body, 'border-bottom-width', true);
  88. myHeight = body.offsetHeight + parseInt(marginTop, 10) + parseInt(marginBottom, 10) + parseInt(paddingTop, 10) + parseInt(paddingBottom, 10) + parseInt(borderTop, 10) + parseInt(borderBottom, 10);
  89. if (isNaN(myHeight) || myHeight <= 0) {
  90. myHeight = global$1.ie ? body.scrollHeight : global$1.webkit && body.clientHeight === 0 ? 0 : body.offsetHeight;
  91. }
  92. if (myHeight > $_37zh3k93jkmcwo49.getAutoResizeMinHeight(editor)) {
  93. resizeHeight = myHeight;
  94. }
  95. var maxHeight = $_37zh3k93jkmcwo49.getAutoResizeMaxHeight(editor);
  96. if (maxHeight && myHeight > maxHeight) {
  97. resizeHeight = maxHeight;
  98. toggleScrolling(editor, true);
  99. } else {
  100. toggleScrolling(editor, false);
  101. }
  102. if (resizeHeight !== oldSize.get()) {
  103. deltaSize = resizeHeight - oldSize.get();
  104. dom.setStyle(editor.iframeElement, 'height', resizeHeight + 'px');
  105. oldSize.set(resizeHeight);
  106. if (global$1.webkit && deltaSize < 0) {
  107. resize(editor, oldSize);
  108. }
  109. }
  110. };
  111. var setup = function (editor, oldSize) {
  112. editor.on('init', function () {
  113. var overflowPadding, bottomMargin;
  114. var dom = editor.dom;
  115. overflowPadding = $_37zh3k93jkmcwo49.getAutoResizeOverflowPadding(editor);
  116. bottomMargin = $_37zh3k93jkmcwo49.getAutoResizeBottomMargin(editor);
  117. if (overflowPadding !== false) {
  118. dom.setStyles(editor.getBody(), {
  119. paddingLeft: overflowPadding,
  120. paddingRight: overflowPadding
  121. });
  122. }
  123. if (bottomMargin !== false) {
  124. dom.setStyles(editor.getBody(), { paddingBottom: bottomMargin });
  125. }
  126. });
  127. editor.on('nodechange setcontent keyup FullscreenStateChanged', function (e) {
  128. resize(editor, oldSize);
  129. });
  130. if ($_37zh3k93jkmcwo49.shouldAutoResizeOnInit(editor)) {
  131. editor.on('init', function () {
  132. wait(editor, oldSize, 20, 100, function () {
  133. wait(editor, oldSize, 5, 1000);
  134. });
  135. });
  136. }
  137. };
  138. var $_5bbetq90jkmcwo45 = {
  139. setup: setup,
  140. resize: resize
  141. };
  142. var register = function (editor, oldSize) {
  143. editor.addCommand('mceAutoResize', function () {
  144. $_5bbetq90jkmcwo45.resize(editor, oldSize);
  145. });
  146. };
  147. var $_86jjbn8zjkmcwo43 = { register: register };
  148. global.add('autoresize', function (editor) {
  149. if (!editor.inline) {
  150. var oldSize = Cell(0);
  151. $_86jjbn8zjkmcwo43.register(editor, oldSize);
  152. $_5bbetq90jkmcwo45.setup(editor, oldSize);
  153. }
  154. });
  155. function Plugin () {
  156. }
  157. return Plugin;
  158. }());
  159. })();