plugin.js 7.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187
  1. /**
  2. * TinyMCE version 8.0.2 (2025-08-14)
  3. */
  4. (function () {
  5. 'use strict';
  6. var global$1 = tinymce.util.Tools.resolve('tinymce.PluginManager');
  7. const option = (name) => (editor) => editor.options.get(name);
  8. const register$2 = (editor) => {
  9. const registerOption = editor.options.register;
  10. registerOption('insertdatetime_dateformat', {
  11. processor: 'string',
  12. default: editor.translate('%Y-%m-%d')
  13. });
  14. registerOption('insertdatetime_timeformat', {
  15. processor: 'string',
  16. default: editor.translate('%H:%M:%S')
  17. });
  18. registerOption('insertdatetime_formats', {
  19. processor: 'string[]',
  20. default: ['%H:%M:%S', '%Y-%m-%d', '%I:%M:%S %p', '%D']
  21. });
  22. registerOption('insertdatetime_element', {
  23. processor: 'boolean',
  24. default: false
  25. });
  26. };
  27. const getDateFormat = option('insertdatetime_dateformat');
  28. const getTimeFormat = option('insertdatetime_timeformat');
  29. const getFormats = option('insertdatetime_formats');
  30. const shouldInsertTimeElement = option('insertdatetime_element');
  31. const getDefaultDateTime = (editor) => {
  32. const formats = getFormats(editor);
  33. return formats.length > 0 ? formats[0] : getTimeFormat(editor);
  34. };
  35. const daysShort = 'Sun Mon Tue Wed Thu Fri Sat Sun'.split(' ');
  36. const daysLong = 'Sunday Monday Tuesday Wednesday Thursday Friday Saturday Sunday'.split(' ');
  37. const monthsShort = 'Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov Dec'.split(' ');
  38. const monthsLong = 'January February March April May June July August September October November December'.split(' ');
  39. const addZeros = (value, len) => {
  40. value = '' + value;
  41. if (value.length < len) {
  42. for (let i = 0; i < (len - value.length); i++) {
  43. value = '0' + value;
  44. }
  45. }
  46. return value;
  47. };
  48. const getDateTime = (editor, fmt, date = new Date()) => {
  49. fmt = fmt.replace('%D', '%m/%d/%Y');
  50. fmt = fmt.replace('%r', '%I:%M:%S %p');
  51. fmt = fmt.replace('%Y', '' + date.getFullYear());
  52. fmt = fmt.replace('%y', '' + date.getYear());
  53. fmt = fmt.replace('%m', addZeros(date.getMonth() + 1, 2));
  54. fmt = fmt.replace('%d', addZeros(date.getDate(), 2));
  55. fmt = fmt.replace('%H', '' + addZeros(date.getHours(), 2));
  56. fmt = fmt.replace('%M', '' + addZeros(date.getMinutes(), 2));
  57. fmt = fmt.replace('%S', '' + addZeros(date.getSeconds(), 2));
  58. fmt = fmt.replace('%I', '' + ((date.getHours() + 11) % 12 + 1));
  59. fmt = fmt.replace('%p', '' + (date.getHours() < 12 ? 'AM' : 'PM'));
  60. fmt = fmt.replace('%B', '' + editor.translate(monthsLong[date.getMonth()]));
  61. fmt = fmt.replace('%b', '' + editor.translate(monthsShort[date.getMonth()]));
  62. fmt = fmt.replace('%A', '' + editor.translate(daysLong[date.getDay()]));
  63. fmt = fmt.replace('%a', '' + editor.translate(daysShort[date.getDay()]));
  64. fmt = fmt.replace('%%', '%');
  65. return fmt;
  66. };
  67. const updateElement = (editor, timeElm, computerTime, userTime) => {
  68. const newTimeElm = editor.dom.create('time', { datetime: computerTime }, userTime);
  69. editor.dom.replace(newTimeElm, timeElm);
  70. editor.selection.select(newTimeElm, true);
  71. editor.selection.collapse(false);
  72. };
  73. const insertDateTime = (editor, format) => {
  74. if (shouldInsertTimeElement(editor) && editor.selection.isEditable()) {
  75. const userTime = getDateTime(editor, format);
  76. let computerTime;
  77. if (/%[HMSIp]/.test(format)) {
  78. computerTime = getDateTime(editor, '%Y-%m-%dT%H:%M');
  79. }
  80. else {
  81. computerTime = getDateTime(editor, '%Y-%m-%d');
  82. }
  83. const timeElm = editor.dom.getParent(editor.selection.getStart(), 'time');
  84. if (timeElm) {
  85. updateElement(editor, timeElm, computerTime, userTime);
  86. }
  87. else {
  88. editor.insertContent('<time datetime="' + computerTime + '">' + userTime + '</time>');
  89. }
  90. }
  91. else {
  92. editor.insertContent(getDateTime(editor, format));
  93. }
  94. };
  95. const register$1 = (editor) => {
  96. editor.addCommand('mceInsertDate', (_ui, value) => {
  97. insertDateTime(editor, value !== null && value !== void 0 ? value : getDateFormat(editor));
  98. });
  99. editor.addCommand('mceInsertTime', (_ui, value) => {
  100. insertDateTime(editor, value !== null && value !== void 0 ? value : getTimeFormat(editor));
  101. });
  102. };
  103. const Cell = (initial) => {
  104. let value = initial;
  105. const get = () => {
  106. return value;
  107. };
  108. const set = (v) => {
  109. value = v;
  110. };
  111. return {
  112. get,
  113. set
  114. };
  115. };
  116. var global = tinymce.util.Tools.resolve('tinymce.util.Tools');
  117. const onSetupEditable = (editor) => (api) => {
  118. const nodeChanged = () => {
  119. api.setEnabled(editor.selection.isEditable());
  120. };
  121. editor.on('NodeChange', nodeChanged);
  122. nodeChanged();
  123. return () => {
  124. editor.off('NodeChange', nodeChanged);
  125. };
  126. };
  127. const register = (editor) => {
  128. const formats = getFormats(editor);
  129. const defaultFormat = Cell(getDefaultDateTime(editor));
  130. const insertDateTime = (format) => editor.execCommand('mceInsertDate', false, format);
  131. editor.ui.registry.addSplitButton('insertdatetime', {
  132. icon: 'insert-time',
  133. tooltip: 'Insert date/time',
  134. chevronTooltip: 'Insert date/time menu',
  135. select: (value) => value === defaultFormat.get(),
  136. fetch: (done) => {
  137. done(global.map(formats, (format) => ({ type: 'choiceitem', text: getDateTime(editor, format), value: format })));
  138. },
  139. onAction: (_api) => {
  140. insertDateTime(defaultFormat.get());
  141. },
  142. onItemAction: (_api, value) => {
  143. defaultFormat.set(value);
  144. insertDateTime(value);
  145. },
  146. onSetup: onSetupEditable(editor)
  147. });
  148. const makeMenuItemHandler = (format) => () => {
  149. defaultFormat.set(format);
  150. insertDateTime(format);
  151. };
  152. editor.ui.registry.addNestedMenuItem('insertdatetime', {
  153. icon: 'insert-time',
  154. text: 'Date/time',
  155. getSubmenuItems: () => global.map(formats, (format) => ({
  156. type: 'menuitem',
  157. text: getDateTime(editor, format),
  158. onAction: makeMenuItemHandler(format)
  159. })),
  160. onSetup: onSetupEditable(editor)
  161. });
  162. };
  163. var Plugin = () => {
  164. global$1.add('insertdatetime', (editor) => {
  165. register$2(editor);
  166. register$1(editor);
  167. register(editor);
  168. });
  169. };
  170. Plugin();
  171. /** *****
  172. * DO NOT EXPORT ANYTHING
  173. *
  174. * IF YOU DO ROLLUP WILL LEAVE A GLOBAL ON THE PAGE
  175. *******/
  176. })();