plugin.js 6.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199
  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 (domGlobals) {
  10. 'use strict';
  11. var global = tinymce.util.Tools.resolve('tinymce.PluginManager');
  12. var global$1 = tinymce.util.Tools.resolve('tinymce.util.Delay');
  13. var global$2 = tinymce.util.Tools.resolve('tinymce.util.LocalStorage');
  14. var global$3 = tinymce.util.Tools.resolve('tinymce.util.Tools');
  15. var fireRestoreDraft = function (editor) {
  16. return editor.fire('RestoreDraft');
  17. };
  18. var fireStoreDraft = function (editor) {
  19. return editor.fire('StoreDraft');
  20. };
  21. var fireRemoveDraft = function (editor) {
  22. return editor.fire('RemoveDraft');
  23. };
  24. var parse = function (timeString, defaultTime) {
  25. var multiples = {
  26. s: 1000,
  27. m: 60000
  28. };
  29. var toParse = timeString || defaultTime;
  30. var parsedTime = /^(\d+)([ms]?)$/.exec('' + toParse);
  31. return (parsedTime[2] ? multiples[parsedTime[2]] : 1) * parseInt(toParse, 10);
  32. };
  33. var shouldAskBeforeUnload = function (editor) {
  34. return editor.getParam('autosave_ask_before_unload', true);
  35. };
  36. var getAutoSavePrefix = function (editor) {
  37. var location = domGlobals.document.location;
  38. return editor.getParam('autosave_prefix', 'tinymce-autosave-{path}{query}{hash}-{id}-').replace(/{path}/g, location.pathname).replace(/{query}/g, location.search).replace(/{hash}/g, location.hash).replace(/{id}/g, editor.id);
  39. };
  40. var shouldRestoreWhenEmpty = function (editor) {
  41. return editor.getParam('autosave_restore_when_empty', false);
  42. };
  43. var getAutoSaveInterval = function (editor) {
  44. return parse(editor.settings.autosave_interval, '30s');
  45. };
  46. var getAutoSaveRetention = function (editor) {
  47. return parse(editor.settings.autosave_retention, '20m');
  48. };
  49. var isEmpty = function (editor, html) {
  50. var forcedRootBlockName = editor.settings.forced_root_block;
  51. html = global$3.trim(typeof html === 'undefined' ? editor.getBody().innerHTML : html);
  52. return html === '' || new RegExp('^<' + forcedRootBlockName + '[^>]*>((\xA0|&nbsp;|[ \t]|<br[^>]*>)+?|)</' + forcedRootBlockName + '>|<br>$', 'i').test(html);
  53. };
  54. var hasDraft = function (editor) {
  55. var time = parseInt(global$2.getItem(getAutoSavePrefix(editor) + 'time'), 10) || 0;
  56. if (new Date().getTime() - time > getAutoSaveRetention(editor)) {
  57. removeDraft(editor, false);
  58. return false;
  59. }
  60. return true;
  61. };
  62. var removeDraft = function (editor, fire) {
  63. var prefix = getAutoSavePrefix(editor);
  64. global$2.removeItem(prefix + 'draft');
  65. global$2.removeItem(prefix + 'time');
  66. if (fire !== false) {
  67. fireRemoveDraft(editor);
  68. }
  69. };
  70. var storeDraft = function (editor) {
  71. var prefix = getAutoSavePrefix(editor);
  72. if (!isEmpty(editor) && editor.isDirty()) {
  73. global$2.setItem(prefix + 'draft', editor.getContent({
  74. format: 'raw',
  75. no_events: true
  76. }));
  77. global$2.setItem(prefix + 'time', new Date().getTime().toString());
  78. fireStoreDraft(editor);
  79. }
  80. };
  81. var restoreDraft = function (editor) {
  82. var prefix = getAutoSavePrefix(editor);
  83. if (hasDraft(editor)) {
  84. editor.setContent(global$2.getItem(prefix + 'draft'), { format: 'raw' });
  85. fireRestoreDraft(editor);
  86. }
  87. };
  88. var startStoreDraft = function (editor) {
  89. var interval = getAutoSaveInterval(editor);
  90. global$1.setInterval(function () {
  91. if (!editor.removed) {
  92. storeDraft(editor);
  93. }
  94. }, interval);
  95. };
  96. var restoreLastDraft = function (editor) {
  97. editor.undoManager.transact(function () {
  98. restoreDraft(editor);
  99. removeDraft(editor);
  100. });
  101. editor.focus();
  102. };
  103. var get = function (editor) {
  104. return {
  105. hasDraft: function () {
  106. return hasDraft(editor);
  107. },
  108. storeDraft: function () {
  109. return storeDraft(editor);
  110. },
  111. restoreDraft: function () {
  112. return restoreDraft(editor);
  113. },
  114. removeDraft: function (fire) {
  115. return removeDraft(editor, fire);
  116. },
  117. isEmpty: function (html) {
  118. return isEmpty(editor, html);
  119. }
  120. };
  121. };
  122. var global$4 = tinymce.util.Tools.resolve('tinymce.EditorManager');
  123. var setup = function (editor) {
  124. editor.editorManager.on('BeforeUnload', function (e) {
  125. var msg;
  126. global$3.each(global$4.get(), function (editor) {
  127. if (editor.plugins.autosave) {
  128. editor.plugins.autosave.storeDraft();
  129. }
  130. if (!msg && editor.isDirty() && shouldAskBeforeUnload(editor)) {
  131. msg = editor.translate('You have unsaved changes are you sure you want to navigate away?');
  132. }
  133. });
  134. if (msg) {
  135. e.preventDefault();
  136. e.returnValue = msg;
  137. }
  138. });
  139. };
  140. var makeSetupHandler = function (editor) {
  141. return function (api) {
  142. api.setDisabled(!hasDraft(editor));
  143. var editorEventCallback = function () {
  144. return api.setDisabled(!hasDraft(editor));
  145. };
  146. editor.on('StoreDraft RestoreDraft RemoveDraft', editorEventCallback);
  147. return function () {
  148. return editor.off('StoreDraft RestoreDraft RemoveDraft', editorEventCallback);
  149. };
  150. };
  151. };
  152. var register = function (editor) {
  153. startStoreDraft(editor);
  154. editor.ui.registry.addButton('restoredraft', {
  155. tooltip: 'Restore last draft',
  156. icon: 'restore-draft',
  157. onAction: function () {
  158. restoreLastDraft(editor);
  159. },
  160. onSetup: makeSetupHandler(editor)
  161. });
  162. editor.ui.registry.addMenuItem('restoredraft', {
  163. text: 'Restore last draft',
  164. icon: 'restore-draft',
  165. onAction: function () {
  166. restoreLastDraft(editor);
  167. },
  168. onSetup: makeSetupHandler(editor)
  169. });
  170. };
  171. function Plugin () {
  172. global.add('autosave', function (editor) {
  173. setup(editor);
  174. register(editor);
  175. editor.on('init', function () {
  176. if (shouldRestoreWhenEmpty(editor) && editor.dom.isEmpty(editor.getBody())) {
  177. restoreDraft(editor);
  178. }
  179. });
  180. return get(editor);
  181. });
  182. }
  183. Plugin();
  184. }(window));