@tinymce/tinymce-vue 6.2.0 → 6.2.1-feature.20250724025048235.shae1891ef

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/CHANGELOG.md CHANGED
@@ -7,6 +7,9 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
7
7
 
8
8
  ## Unreleased
9
9
 
10
+ ### Changed
11
+ - Set the default cloudChannel to `'8'`. #INT-3352
12
+
10
13
  ## 6.2.0 - 2025-06-02
11
14
 
12
15
  ### Added
package/README.md CHANGED
@@ -4,16 +4,25 @@
4
4
 
5
5
  This package is a thin wrapper around [TinyMCE](https://github.com/tinymce/tinymce) to make it easier to use in a Vue application.
6
6
 
7
- * If you need detailed documentation on TinyMCE, see: [TinyMCE Documentation](https://www.tiny.cloud/docs/tinymce/7/).
8
- * For the TinyMCE Vue Quick Start, see: [TinyMCE Documentation - Vue Integration](https://www.tiny.cloud/docs/tinymce/7/vue-cloud).
9
- * For the TinyMCE Vue Technical Reference, see: [TinyMCE Documentation - TinyMCE Vue Technical Reference](https://www.tiny.cloud/docs/tinymce/7/vue-ref).
7
+ * If you need detailed documentation on TinyMCE, see: [TinyMCE Documentation](https://www.tiny.cloud/docs/tinymce/latest/).
8
+ * For the TinyMCE Vue Quick Start, see: [TinyMCE Documentation - Vue Integration](https://www.tiny.cloud/docs/tinymce/latest/vue-cloud).
9
+ * For the TinyMCE Vue Technical Reference, see: [TinyMCE Documentation - TinyMCE Vue Technical Reference](https://www.tiny.cloud/docs/tinymce/latest/vue-ref).
10
10
  * For our quick demos, check out the TinyMCE Vue [Storybook](https://tinymce.github.io/tinymce-vue/).
11
11
 
12
12
 
13
- ### Support
13
+ ### Tinymce version compatibility
14
14
 
15
- Version 7.0 is intended to support the tinymce version 7.6 and above.
16
- Version 4.0 is intended to support Vue 3. For Vue 2.x and below please use previous versions of the wrapper.
15
+ | tinymce | tinymce-vue version |
16
+ | --- | --- |
17
+ | 7.6 and above | 6.2 and above |
18
+ | below 7.6 | Versions prior to 6.2 |
19
+
20
+ ### Vue version compatibility
21
+
22
+ | vue | tinymce-vue |
23
+ | --- | --- |
24
+ | 3.x | 4.0 and above |
25
+ | 2.x | Versions prior to 4.0 |
17
26
 
18
27
  ### Issues
19
28
 
@@ -355,7 +355,7 @@ var Editor = (function (vue) {
355
355
  initWrapper();
356
356
  }
357
357
  else if (element.value && element.value.ownerDocument) {
358
- var channel = props.cloudChannel ? props.cloudChannel : '7';
358
+ var channel = props.cloudChannel ? props.cloudChannel : '8';
359
359
  var apiKey = props.apiKey ? props.apiKey : 'no-api-key';
360
360
  var scriptSrc = isNullOrUndefined(props.tinymceScriptSrc) ?
361
361
  "https://cdn.tiny.cloud/1/".concat(apiKey, "/tinymce/").concat(channel, "/tinymce.min.js") :
@@ -1 +1 @@
1
- var Editor=function(y){"use strict";function n(n){return-1!==t.map(function(n){return n.toLowerCase()}).indexOf(n.toLowerCase())}function g(n){var e;return"function"==typeof(null===(e=n.options)||void 0===e?void 0:e.set)&&n.options.isRegistered("disabled")}function e(){return{listeners:[],scriptId:D("tiny-script"),scriptLoaded:!1}}function C(){var n="undefined"!=typeof window?window:global;return n&&n.tinymce?n.tinymce:null}function S(n,e){var t;"function"==typeof(null===(t=n.mode)||void 0===t?void 0:t.set)?n.mode.set(e):n.setMode(e)}var o,h=function(){return(h=Object.assign||function(n){for(var e,t=1,o=arguments.length;t<o;t++)for(var i in e=arguments[t])Object.prototype.hasOwnProperty.call(e,i)&&(n[i]=e[i]);return n}).apply(this,arguments)},t=["onActivate","onAddUndo","onBeforeAddUndo","onBeforeExecCommand","onBeforeGetContent","onBeforeRenderUI","onBeforeSetContent","onBeforePaste","onBlur","onChange","onClearUndos","onClick","onContextMenu","onCommentChange","onCompositionEnd","onCompositionStart","onCompositionUpdate","onCopy","onCut","onDblclick","onDeactivate","onDirty","onDrag","onDragDrop","onDragEnd","onDragGesture","onDragOver","onDrop","onExecCommand","onFocus","onFocusIn","onFocusOut","onGetContent","onHide","onInit","onInput","onKeyDown","onKeyPress","onKeyUp","onLoadContent","onMouseDown","onMouseEnter","onMouseLeave","onMouseMove","onMouseOut","onMouseOver","onMouseUp","onNodeChange","onObjectResizeStart","onObjectResized","onObjectSelected","onPaste","onPostProcess","onPostRender","onPreProcess","onProgressState","onRedo","onRemove","onReset","onSaveContent","onSelectionChange","onSetAttrib","onSetContent","onShow","onSubmit","onUndo","onVisualAid"],b=function(t,o,i){Object.keys(o).filter(n).forEach(function(n){var e=o[n];"function"==typeof e&&("onInit"===n?e(t,i):i.on(n.substring(2),function(n){return e(n,i)}))})},w=function(t,n,o,e){var i=t.modelEvents||null,i=Array.isArray(i)?i.join(" "):i;y.watch(e,function(n,e){o&&"string"==typeof n&&n!==e&&n!==o.getContent({format:t.outputFormat})&&o.setContent(n)}),o.on(i||"change input undo redo",function(){n.emit("update:modelValue",o.getContent({format:t.outputFormat}))})},i=0,D=function(n){var e=Date.now();return n+"_"+Math.floor(1e9*Math.random())+ ++i+String(e)},E=function(n){return void 0===n||""===n?[]:Array.isArray(n)?n:n.split(" ")},A=(o=e(),{load:function(n,e,t){o.scriptLoaded?t():(o.listeners.push(t),n.getElementById(o.scriptId)||function(n,e,t,o){var i=e.createElement("script");i.referrerPolicy="origin",i.type="application/javascript",i.id=n,i.src=t;function r(){i.removeEventListener("load",r),o()}i.addEventListener("load",r),e.head&&e.head.appendChild(i)}(o.scriptId,n,e,function(){o.listeners.forEach(function(n){return n()}),o.scriptLoaded=!0}))},reinitialize:function(){o=e()}}),r={apiKey:String,licenseKey:String,cloudChannel:String,id:String,init:Object,initialValue:String,inline:Boolean,modelEvents:[String,Array],plugins:[String,Array],tagName:String,toolbar:[String,Array],modelValue:String,disabled:Boolean,readonly:Boolean,tinymceScriptSrc:String,outputFormat:{type:String,validator:function(n){return"html"===n||"text"===n}}},M={selector:void 0,target:void 0};return y.defineComponent({props:r,setup:function(u,l){function t(){var n,e,a=(n=p,f?function(){return null!=c&&c.value?c.value:""}:function(){return n?v:m}),t=h(h({},o),{disabled:u.disabled,readonly:u.readonly,target:r.value,plugins:(t=o.plugins,e=u.plugins,E(t).concat(E(e))),toolbar:u.toolbar||o.toolbar,inline:s,license_key:u.licenseKey,setup:function(r){g(d=r)||!0!==u.disabled||S(d,"readonly"),r.on("init",function(n){return e=n,t=u,o=l,i=c,(n=r).setContent(a()),o.attrs["onUpdate:modelValue"]&&w(t,o,n,i),void b(e,o.attrs,n);var e,t,o,i}),"function"==typeof o.setup&&o.setup(r)}});null!==(e=r.value)&&"textarea"===e.tagName.toLowerCase()&&(r.value.style.visibility=""),C().init(t),p=!1}var o=u.init?h(h({},u.init),M):h({},M),n=y.toRefs(u),e=n.disabled,i=n.readonly,c=n.modelValue,n=n.tagName,r=y.ref(null),d=null,a=u.id||D("tiny-vue"),s=u.init&&u.init.inline||u.inline,f=!!l.attrs["onUpdate:modelValue"],p=!0,v=u.initialValue||"",m="";y.watch(i,function(n){null!==d&&S(d,n?"readonly":"design")}),y.watch(e,function(n){null!==d&&(g(d)?d.options.set("disabled",n):S(d,n?"readonly":"design"))}),y.watch(n,function(n){var e;d&&(f||(m=d.getContent()),null!==(e=C())&&void 0!==e&&e.remove(d),y.nextTick(t))}),y.onMounted(function(){var n,e;null!==C()?t():r.value&&r.value.ownerDocument&&(e=u.cloudChannel||"7",n=u.apiKey||"no-api-key",e=null==u.tinymceScriptSrc?"https://cdn.tiny.cloud/1/".concat(n,"/tinymce/").concat(e,"/tinymce.min.js"):u.tinymceScriptSrc,A.load(r.value.ownerDocument,e,t))}),y.onBeforeUnmount(function(){null!==C()&&C().remove(d)}),s||(y.onActivated(function(){p||t()}),y.onDeactivated(function(){var n;d&&(f||(m=d.getContent()),null!==(n=C())&&void 0!==n&&n.remove(d))}));return l.expose({rerender:function(n){var e;d&&(m=d.getContent(),null!==(e=C())&&void 0!==e&&e.remove(d),o=h(h(h({},o),n),M),y.nextTick(t))},getEditor:function(){return d}}),function(){return s?(n=y.h,e=r,t=u.tagName,n(t||"div",{id:a,ref:e})):(0,y.h)("textarea",{id:a,visibility:"hidden",ref:r});var n,e,t}}})}(Vue);
1
+ var Editor=function(y){"use strict";function n(n){return-1!==t.map(function(n){return n.toLowerCase()}).indexOf(n.toLowerCase())}function g(n){var e;return"function"==typeof(null==(e=n.options)?void 0:e.set)&&n.options.isRegistered("disabled")}function e(){return{listeners:[],scriptId:D("tiny-script"),scriptLoaded:!1}}function C(){var n="undefined"!=typeof window?window:global;return n&&n.tinymce?n.tinymce:null}function S(n,e){var t;"function"==typeof(null==(t=n.mode)?void 0:t.set)?n.mode.set(e):n.setMode(e)}var a,h=function(){return(h=Object.assign||function(n){for(var e,t=1,o=arguments.length;t<o;t++)for(var i in e=arguments[t])Object.prototype.hasOwnProperty.call(e,i)&&(n[i]=e[i]);return n}).apply(this,arguments)},t=["onActivate","onAddUndo","onBeforeAddUndo","onBeforeExecCommand","onBeforeGetContent","onBeforeRenderUI","onBeforeSetContent","onBeforePaste","onBlur","onChange","onClearUndos","onClick","onContextMenu","onCommentChange","onCompositionEnd","onCompositionStart","onCompositionUpdate","onCopy","onCut","onDblclick","onDeactivate","onDirty","onDrag","onDragDrop","onDragEnd","onDragGesture","onDragOver","onDrop","onExecCommand","onFocus","onFocusIn","onFocusOut","onGetContent","onHide","onInit","onInput","onKeyDown","onKeyPress","onKeyUp","onLoadContent","onMouseDown","onMouseEnter","onMouseLeave","onMouseMove","onMouseOut","onMouseOver","onMouseUp","onNodeChange","onObjectResizeStart","onObjectResized","onObjectSelected","onPaste","onPostProcess","onPostRender","onPreProcess","onProgressState","onRedo","onRemove","onReset","onSaveContent","onSelectionChange","onSetAttrib","onSetContent","onShow","onSubmit","onUndo","onVisualAid"],b=function(t,o,i){Object.keys(o).filter(n).forEach(function(n){var e=o[n];"function"==typeof e&&("onInit"===n?e(t,i):i.on(n.substring(2),function(n){return e(n,i)}))})},w=function(t,n,o,e){var i=t.modelEvents||null,i=Array.isArray(i)?i.join(" "):i;y.watch(e,function(n,e){o&&"string"==typeof n&&n!==e&&n!==o.getContent({format:t.outputFormat})&&o.setContent(n)}),o.on(i||"change input undo redo",function(){n.emit("update:modelValue",o.getContent({format:t.outputFormat}))})},o=0,D=function(n){var e=Date.now();return n+"_"+Math.floor(1e9*Math.random())+ ++o+String(e)},E=function(n){return void 0===n||""===n?[]:Array.isArray(n)?n:n.split(" ")},A=(a=e(),{load:function(n,e,t){function o(){r.removeEventListener("load",o),i()}var i,r;a.scriptLoaded?t():(a.listeners.push(t),n.getElementById(a.scriptId)||(t=a.scriptId,e=e,i=function(){a.listeners.forEach(function(n){return n()}),a.scriptLoaded=!0},(r=(n=n).createElement("script")).referrerPolicy="origin",r.type="application/javascript",r.id=t,r.src=e,r.addEventListener("load",o),n.head&&n.head.appendChild(r)))},reinitialize:function(){a=e()}}),i={apiKey:String,licenseKey:String,cloudChannel:String,id:String,init:Object,initialValue:String,inline:Boolean,modelEvents:[String,Array],plugins:[String,Array],tagName:String,toolbar:[String,Array],modelValue:String,disabled:Boolean,readonly:Boolean,tinymceScriptSrc:String,outputFormat:{type:String,validator:function(n){return"html"===n||"text"===n}}},M={selector:void 0,target:void 0};return y.defineComponent({props:i,setup:function(u,l){function t(){n=p;var n,e,a=f?function(){return null!=c&&c.value?c.value:""}:function(){return n?v:m},t=h(h({},o),{disabled:u.disabled,readonly:u.readonly,target:r.value,plugins:(t=o.plugins,e=u.plugins,E(t).concat(E(e))),toolbar:u.toolbar||o.toolbar,inline:s,license_key:u.licenseKey,setup:function(r){g(d=r)||!0!==u.disabled||S(d,"readonly"),r.on("init",function(n){return n=n,e=u,t=l,i=c,(o=r).setContent(a()),t.attrs["onUpdate:modelValue"]&&w(e,t,o,i),void b(n,t.attrs,o);var e,t,o,i}),"function"==typeof o.setup&&o.setup(r)}});null!==(e=r.value)&&"textarea"===e.tagName.toLowerCase()&&(r.value.style.visibility=""),C().init(t),p=!1}var o=u.init?h(h({},u.init),M):h({},M),n=y.toRefs(u),e=n.disabled,i=n.readonly,c=n.modelValue,n=n.tagName,r=y.ref(null),d=null,a=u.id||D("tiny-vue"),s=u.init&&u.init.inline||u.inline,f=!!l.attrs["onUpdate:modelValue"],p=!0,v=u.initialValue||"",m="";y.watch(i,function(n){null!==d&&S(d,n?"readonly":"design")}),y.watch(e,function(n){null!==d&&(g(d)?d.options.set("disabled",n):S(d,n?"readonly":"design"))}),y.watch(n,function(n){var e;d&&(f||(m=d.getContent()),null!=(e=C())&&e.remove(d),y.nextTick(t))}),y.onMounted(function(){var n,e;null!==C()?t():r.value&&r.value.ownerDocument&&(n=u.cloudChannel||"8",e=u.apiKey||"no-api-key",e=null==u.tinymceScriptSrc?"https://cdn.tiny.cloud/1/".concat(e,"/tinymce/").concat(n,"/tinymce.min.js"):u.tinymceScriptSrc,A.load(r.value.ownerDocument,e,t))}),y.onBeforeUnmount(function(){null!==C()&&C().remove(d)}),s||(y.onActivated(function(){p||t()}),y.onDeactivated(function(){var n;d&&(f||(m=d.getContent()),null!=(n=C()))&&n.remove(d)}));return l.expose({rerender:function(n){var e;d&&(m=d.getContent(),null!=(e=C())&&e.remove(d),o=h(h(h({},o),n),M),y.nextTick(t))},getEditor:function(){return d}}),function(){return s?(n=y.h,e=r,t=u.tagName,n(t||"div",{id:a,ref:e})):(0,y.h)("textarea",{id:a,visibility:"hidden",ref:r});var n,e,t}}})}(Vue);
@@ -112,7 +112,7 @@ exports.Editor = (0, vue_1.defineComponent)({
112
112
  initWrapper();
113
113
  }
114
114
  else if (element.value && element.value.ownerDocument) {
115
- var channel = props.cloudChannel ? props.cloudChannel : '7';
115
+ var channel = props.cloudChannel ? props.cloudChannel : '8';
116
116
  var apiKey = props.apiKey ? props.apiKey : 'no-api-key';
117
117
  var scriptSrc = (0, Utils_1.isNullOrUndefined)(props.tinymceScriptSrc) ?
118
118
  "https://cdn.tiny.cloud/1/".concat(apiKey, "/tinymce/").concat(channel, "/tinymce.min.js") :
@@ -109,7 +109,7 @@ export var Editor = defineComponent({
109
109
  initWrapper();
110
110
  }
111
111
  else if (element.value && element.value.ownerDocument) {
112
- var channel = props.cloudChannel ? props.cloudChannel : '7';
112
+ var channel = props.cloudChannel ? props.cloudChannel : '8';
113
113
  var apiKey = props.apiKey ? props.apiKey : 'no-api-key';
114
114
  var scriptSrc = isNullOrUndefined(props.tinymceScriptSrc) ?
115
115
  "https://cdn.tiny.cloud/1/".concat(apiKey, "/tinymce/").concat(channel, "/tinymce.min.js") :
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@tinymce/tinymce-vue",
3
- "version": "6.2.0",
3
+ "version": "6.2.1-feature.20250724025048235.shae1891ef",
4
4
  "description": "Official TinyMCE Vue 3 Component",
5
5
  "private": false,
6
6
  "repository": {
@@ -33,7 +33,7 @@
33
33
  "LICENSE.txt"
34
34
  ],
35
35
  "peerDependencies": {
36
- "tinymce": "^7.0.0 || ^6.0.0 || ^5.5.1",
36
+ "tinymce": "^8.0.0 || ^7.0.0 || ^6.0.0 || ^5.5.1",
37
37
  "vue": "^3.0.0"
38
38
  },
39
39
  "peerDependenciesMeta": {
@@ -75,11 +75,12 @@
75
75
  "rollup-plugin-node-resolve": "^5.2.0",
76
76
  "rollup-plugin-typescript2": "^0.34.1",
77
77
  "rollup-plugin-uglify": "^6.0.0",
78
- "tinymce": "^7",
78
+ "tinymce": "^8.0.0",
79
79
  "tinymce-4": "npm:tinymce@^4",
80
80
  "tinymce-5": "npm:tinymce@^5",
81
81
  "tinymce-6": "npm:tinymce@^6",
82
82
  "tinymce-7": "npm:tinymce@^7",
83
+ "tinymce-8": "npm:tinymce@^8",
83
84
  "ts-loader": "^9.5.1",
84
85
  "ts-node": "^10.9.2",
85
86
  "tsconfig-paths-webpack-plugin": "^4.1.0",