@tinymce/tinymce-vue 4.0.5 → 4.0.6-feature.20220209063005537.sha2579744

package/CHANGELOG.md

@@ -4,6 +4,11 @@ All notable changes to this project will be documented in this file.
 The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
 and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
 
+## 4.0.6 - TBD
+### Added
+- Exposed method `rerender(initObject)` to change the editor configuration
+- Watcher for tag name
+
 ## 4.0.5 - 2021-11-22
 ### Added
 - Correct proptypes

package/lib/browser/tinymce-vue.js

@@ -268,7 +268,8 @@ var Editor = (function (vue) {
     var Editor = vue.defineComponent({
         props: editorProps,
         setup: function (props, ctx) {
-            var _a = vue.toRefs(props), disabled = _a.disabled, modelValue = _a.modelValue;
+            var conf = props.init ? __assign({}, props.init) : {};
+            var _a = vue.toRefs(props), disabled = _a.disabled, modelValue = _a.modelValue, tagName = _a.tagName;
             var element = vue.ref(null);
             var vueEditor = null;
             var elementId = props.id || uuid('tiny-vue');
@@ -282,11 +283,11 @@ var Editor = (function (vue) {
                 function () { return isMounting ? initialValue : cache; }; };
             var initWrapper = function () {
                 var content = getContent(mounting);
-                var finalInit = __assign(__assign({}, props.init), { readonly: props.disabled, selector: "#" + elementId, plugins: mergePlugins(props.init && props.init.plugins, props.plugins), toolbar: props.toolbar || (props.init && props.init.toolbar), inline: inlineEditor, setup: function (editor) {
+                var finalInit = __assign(__assign({}, conf), { readonly: props.disabled, selector: "#" + elementId, plugins: mergePlugins(conf.plugins, props.plugins), toolbar: props.toolbar || (conf.toolbar), inline: inlineEditor, setup: function (editor) {
                         vueEditor = editor;
                         editor.on('init', function (e) { return initEditor(e, props, ctx, editor, modelValue, content); });
-                        if (props.init && typeof props.init.setup === 'function') {
-                            props.init.setup(editor);
+                        if (typeof conf.setup === 'function') {
+                            conf.setup(editor);
                         }
                     } });
                 if (isTextarea(element.value)) {
@@ -300,6 +301,14 @@ var Editor = (function (vue) {
                     vueEditor.setMode(disable ? 'readonly' : 'design');
                 }
             });
+            vue.watch(tagName, function (tagName) {
+                var _a;
+                if (!modelBind) {
+                    cache = vueEditor.getContent();
+                }
+                (_a = getTinymce()) === null || _a === void 0 ? void 0 : _a.remove(vueEditor);
+                vue.nextTick(function () { return initWrapper(); });
+            });
             vue.onMounted(function () {
                 if (getTinymce() !== null) {
                     initWrapper();
@@ -332,6 +341,16 @@ var Editor = (function (vue) {
                     (_a = getTinymce()) === null || _a === void 0 ? void 0 : _a.remove(vueEditor);
                 });
             }
+            var rerender = function (init) {
+                var _a;
+                cache = vueEditor.getContent();
+                (_a = getTinymce()) === null || _a === void 0 ? void 0 : _a.remove(vueEditor);
+                conf = __assign(__assign({}, conf), init);
+                vue.nextTick(function () { return initWrapper(); });
+            };
+            ctx.expose({
+                rerender: rerender
+            });
             return function () { return inlineEditor ?
                 renderInline(vue.h, elementId, element, props.tagName) :
                 renderIframe(vue.h, elementId, element); };

package/lib/browser/tinymce-vue.min.js

@@ -1 +1 @@
-var Editor=function(a){"use strict";function n(n){return-1!==e.map(function(n){return n.toLowerCase()}).indexOf(n.toLowerCase())}function t(){return{listeners:[],scriptId:S("tiny-script"),scriptLoaded:!1}}function m(){var n="undefined"!=typeof window?window:global;return n&&n.tinymce?n.tinymce:null}var o,y=function(){return(y=Object.assign||function(n){for(var t,e=1,o=arguments.length;e<o;e++)for(var i in t=arguments[e])Object.prototype.hasOwnProperty.call(t,i)&&(n[i]=t[i]);return n}).apply(this,arguments)},e=["onActivate","onAddUndo","onBeforeAddUndo","onBeforeExecCommand","onBeforeGetContent","onBeforeRenderUI","onBeforeSetContent","onBeforePaste","onBlur","onChange","onClearUndos","onClick","onContextMenu","onCopy","onCut","onDblclick","onDeactivate","onDirty","onDrag","onDragDrop","onDragEnd","onDragGesture","onDragOver","onDrop","onExecCommand","onFocus","onFocusIn","onFocusOut","onGetContent","onHide","onInit","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"],g=function(e,o,i){Object.keys(o).filter(n).forEach(function(n){var t=o[n];"function"==typeof t&&("onInit"===n?t(e,i):i.on(n.substring(2),function(n){return t(n,i)}))})},C=function(e,n,o,t){var i=e.modelEvents||null,i=Array.isArray(i)?i.join(" "):i;a.watch(t,function(n,t){o&&"string"==typeof n&&n!==t&&n!==o.getContent({format:e.outputFormat})&&o.setContent(n)}),o.on(i||"change input undo redo",function(){n.emit("update:modelValue",o.getContent({format:e.outputFormat}))})},i=0,S=function(n){var t=Date.now();return n+"_"+Math.floor(1e9*Math.random())+ ++i+String(t)},h=function(n){return void 0===n||""===n?[]:Array.isArray(n)?n:n.split(" ")},b=(o=t(),{load:function(n,t,e){o.scriptLoaded?e():(o.listeners.push(e),n.getElementById(o.scriptId)||function(n,t,e,o){var i=t.createElement("script");i.referrerPolicy="origin",i.type="application/javascript",i.id=n,i.src=e;function r(){i.removeEventListener("load",r),o()}i.addEventListener("load",r),t.head&&t.head.appendChild(i)}(o.scriptId,n,t,function(){o.listeners.forEach(function(n){return n()}),o.scriptLoaded=!0}))},reinitialize:function(){o=t()}}),r={apiKey: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,tinymceScriptSrc:String,outputFormat:{type:String,validator:function(n){return"html"===n||"text"===n}}};return a.defineComponent({props:r,setup:function(u,l){function e(){var n,t,a=(n=f,d?function(){return null!=c&&c.value?c.value:""}:function(){return n?p:v}),e=y(y({},u.init),{readonly:u.disabled,selector:"#"+r,plugins:(e=u.init&&u.init.plugins,t=u.plugins,h(e).concat(h(t))),toolbar:u.toolbar||u.init&&u.init.toolbar,inline:s,setup:function(r){(i=r).on("init",function(n){return t=n,e=u,o=l,i=c,(n=r).setContent(a()),o.attrs["onUpdate:modelValue"]&&C(e,o,n,i),void g(t,o.attrs,n);var t,e,o,i}),u.init&&"function"==typeof u.init.setup&&u.init.setup(r)}});null!==(t=o.value)&&"textarea"===t.tagName.toLowerCase()&&(o.value.style.visibility=""),m().init(e),f=!1}var n=a.toRefs(u),t=n.disabled,c=n.modelValue,o=a.ref(null),i=null,r=u.id||S("tiny-vue"),s=u.init&&u.init.inline||u.inline,d=!!l.attrs["onUpdate:modelValue"],f=!0,p=u.initialValue||"",v="";return a.watch(t,function(n){null!==i&&i.setMode(n?"readonly":"design")}),a.onMounted(function(){var n,t;null!==m()?e():o.value&&o.value.ownerDocument&&(t=u.cloudChannel||"5",n=u.apiKey||"no-api-key",t=null==u.tinymceScriptSrc?"https://cdn.tiny.cloud/1/"+n+"/tinymce/"+t+"/tinymce.min.js":u.tinymceScriptSrc,b.load(o.value.ownerDocument,t,e))}),a.onBeforeUnmount(function(){null!==m()&&m().remove(i)}),s||(a.onActivated(function(){f||e()}),a.onDeactivated(function(){var n;d||(v=i.getContent()),null!==(n=m())&&void 0!==n&&n.remove(i)})),function(){return s?(n=a.h,t=o,e=u.tagName,n(e||"div",{id:r,ref:t})):(0,a.h)("textarea",{id:r,visibility:"hidden",ref:o});var n,t,e}}})}(Vue);
+var Editor=function(a){"use strict";function n(n){return-1!==t.map(function(n){return n.toLowerCase()}).indexOf(n.toLowerCase())}function e(){return{listeners:[],scriptId:h("tiny-script"),scriptLoaded:!1}}function g(){var n="undefined"!=typeof window?window:global;return n&&n.tinymce?n.tinymce:null}var o,y=function(){return(y=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","onCopy","onCut","onDblclick","onDeactivate","onDirty","onDrag","onDragDrop","onDragEnd","onDragGesture","onDragOver","onDrop","onExecCommand","onFocus","onFocusIn","onFocusOut","onGetContent","onHide","onInit","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"],C=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)}))})},S=function(t,n,o,e){var i=t.modelEvents||null,i=Array.isArray(i)?i.join(" "):i;a.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,h=function(n){var e=Date.now();return n+"_"+Math.floor(1e9*Math.random())+ ++i+String(e)},b=function(n){return void 0===n||""===n?[]:Array.isArray(n)?n:n.split(" ")},w=(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,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,tinymceScriptSrc:String,outputFormat:{type:String,validator:function(n){return"html"===n||"text"===n}}};return a.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=y(y({},o),{readonly:u.disabled,selector:"#"+r,plugins:(t=o.plugins,e=u.plugins,b(t).concat(b(e))),toolbar:u.toolbar||o.toolbar,inline:s,setup:function(r){(d=r).on("init",function(n){return e=n,t=u,o=l,i=c,(n=r).setContent(a()),o.attrs["onUpdate:modelValue"]&&S(t,o,n,i),void C(e,o.attrs,n);var e,t,o,i}),"function"==typeof o.setup&&o.setup(r)}});null!==(e=i.value)&&"textarea"===e.tagName.toLowerCase()&&(i.value.style.visibility=""),g().init(t),p=!1}var o=u.init?y({},u.init):{},n=a.toRefs(u),e=n.disabled,c=n.modelValue,n=n.tagName,i=a.ref(null),d=null,r=u.id||h("tiny-vue"),s=u.init&&u.init.inline||u.inline,f=!!l.attrs["onUpdate:modelValue"],p=!0,v=u.initialValue||"",m="";a.watch(e,function(n){null!==d&&d.setMode(n?"readonly":"design")}),a.watch(n,function(n){var e;f||(m=d.getContent()),null!==(e=g())&&void 0!==e&&e.remove(d),a.nextTick(t)}),a.onMounted(function(){var n,e;null!==g()?t():i.value&&i.value.ownerDocument&&(e=u.cloudChannel||"5",n=u.apiKey||"no-api-key",e=null==u.tinymceScriptSrc?"https://cdn.tiny.cloud/1/"+n+"/tinymce/"+e+"/tinymce.min.js":u.tinymceScriptSrc,w.load(i.value.ownerDocument,e,t))}),a.onBeforeUnmount(function(){null!==g()&&g().remove(d)}),s||(a.onActivated(function(){p||t()}),a.onDeactivated(function(){var n;f||(m=d.getContent()),null!==(n=g())&&void 0!==n&&n.remove(d)}));return l.expose({rerender:function(n){var e;m=d.getContent(),null!==(e=g())&&void 0!==e&&e.remove(d),o=y(y({},o),n),a.nextTick(t)}}),function(){return s?(n=a.h,e=i,t=u.tagName,n(t||"div",{id:r,ref:e})):(0,a.h)("textarea",{id:r,visibility:"hidden",ref:i});var n,e,t}}})}(Vue);

package/lib/cjs/main/ts/components/Editor.d.ts

@@ -5,37 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  *
  */
-export declare const Editor: import("vue").DefineComponent<import("./EditorPropTypes").CopyProps<import("./EditorPropTypes").IPropTypes>, () => any, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
-    apiKey?: unknown;
-    cloudChannel?: unknown;
-    id?: unknown;
-    init?: unknown;
-    initialValue?: unknown;
-    outputFormat?: unknown;
-    inline?: unknown;
-    modelEvents?: unknown;
-    plugins?: unknown;
-    tagName?: unknown;
-    toolbar?: unknown;
-    modelValue?: unknown;
-    disabled?: unknown;
-    tinymceScriptSrc?: unknown;
-} & {
-    apiKey: any;
-    cloudChannel: any;
-    id: any;
-    init: any;
-    initialValue: any;
-    outputFormat: any;
-    inline: any;
-    modelEvents: any;
-    plugins: any;
-    tagName: any;
-    toolbar: any;
-    modelValue: any;
-    disabled: any;
-    tinymceScriptSrc: any;
-} & {}> & {}, {
+export declare const Editor: import("vue").DefineComponent<import("./EditorPropTypes").CopyProps<import("./EditorPropTypes").IPropTypes>, () => any, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<import("./EditorPropTypes").CopyProps<import("./EditorPropTypes").IPropTypes>>>, {
     apiKey: any;
     cloudChannel: any;
     id: any;

package/lib/cjs/main/ts/components/Editor.js

@@ -40,7 +40,8 @@ var renderIframe = function (ce, id, elementRef) {
 exports.Editor = vue_1.defineComponent({
     props: EditorPropTypes_1.editorProps,
     setup: function (props, ctx) {
-        var _a = vue_1.toRefs(props), disabled = _a.disabled, modelValue = _a.modelValue;
+        var conf = props.init ? __assign({}, props.init) : {};
+        var _a = vue_1.toRefs(props), disabled = _a.disabled, modelValue = _a.modelValue, tagName = _a.tagName;
         var element = vue_1.ref(null);
         var vueEditor = null;
         var elementId = props.id || Utils_1.uuid('tiny-vue');
@@ -54,11 +55,11 @@ exports.Editor = vue_1.defineComponent({
             function () { return isMounting ? initialValue : cache; }; };
         var initWrapper = function () {
             var content = getContent(mounting);
-            var finalInit = __assign(__assign({}, props.init), { readonly: props.disabled, selector: "#" + elementId, plugins: Utils_1.mergePlugins(props.init && props.init.plugins, props.plugins), toolbar: props.toolbar || (props.init && props.init.toolbar), inline: inlineEditor, setup: function (editor) {
+            var finalInit = __assign(__assign({}, conf), { readonly: props.disabled, selector: "#" + elementId, plugins: Utils_1.mergePlugins(conf.plugins, props.plugins), toolbar: props.toolbar || (conf.toolbar), inline: inlineEditor, setup: function (editor) {
                     vueEditor = editor;
                     editor.on('init', function (e) { return Utils_1.initEditor(e, props, ctx, editor, modelValue, content); });
-                    if (props.init && typeof props.init.setup === 'function') {
-                        props.init.setup(editor);
+                    if (typeof conf.setup === 'function') {
+                        conf.setup(editor);
                     }
                 } });
             if (Utils_1.isTextarea(element.value)) {
@@ -72,6 +73,14 @@ exports.Editor = vue_1.defineComponent({
                 vueEditor.setMode(disable ? 'readonly' : 'design');
             }
         });
+        vue_1.watch(tagName, function (tagName) {
+            var _a;
+            if (!modelBind) {
+                cache = vueEditor.getContent();
+            }
+            (_a = TinyMCE_1.getTinymce()) === null || _a === void 0 ? void 0 : _a.remove(vueEditor);
+            vue_1.nextTick(function () { return initWrapper(); });
+        });
         vue_1.onMounted(function () {
             if (TinyMCE_1.getTinymce() !== null) {
                 initWrapper();
@@ -104,6 +113,16 @@ exports.Editor = vue_1.defineComponent({
                 (_a = TinyMCE_1.getTinymce()) === null || _a === void 0 ? void 0 : _a.remove(vueEditor);
             });
         }
+        var rerender = function (init) {
+            var _a;
+            cache = vueEditor.getContent();
+            (_a = TinyMCE_1.getTinymce()) === null || _a === void 0 ? void 0 : _a.remove(vueEditor);
+            conf = __assign(__assign({}, conf), init);
+            vue_1.nextTick(function () { return initWrapper(); });
+        };
+        ctx.expose({
+            rerender: rerender
+        });
         return function () { return inlineEditor ?
             renderInline(vue_1.h, elementId, element, props.tagName) :
             renderIframe(vue_1.h, elementId, element); };

package/lib/es2015/main/ts/components/Editor.d.ts

@@ -5,37 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  *
  */
-export declare const Editor: import("vue").DefineComponent<import("./EditorPropTypes").CopyProps<import("./EditorPropTypes").IPropTypes>, () => any, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
-    apiKey?: unknown;
-    cloudChannel?: unknown;
-    id?: unknown;
-    init?: unknown;
-    initialValue?: unknown;
-    outputFormat?: unknown;
-    inline?: unknown;
-    modelEvents?: unknown;
-    plugins?: unknown;
-    tagName?: unknown;
-    toolbar?: unknown;
-    modelValue?: unknown;
-    disabled?: unknown;
-    tinymceScriptSrc?: unknown;
-} & {
-    apiKey: any;
-    cloudChannel: any;
-    id: any;
-    init: any;
-    initialValue: any;
-    outputFormat: any;
-    inline: any;
-    modelEvents: any;
-    plugins: any;
-    tagName: any;
-    toolbar: any;
-    modelValue: any;
-    disabled: any;
-    tinymceScriptSrc: any;
-} & {}> & {}, {
+export declare const Editor: import("vue").DefineComponent<import("./EditorPropTypes").CopyProps<import("./EditorPropTypes").IPropTypes>, () => any, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<import("./EditorPropTypes").CopyProps<import("./EditorPropTypes").IPropTypes>>>, {
     apiKey: any;
     cloudChannel: any;
     id: any;

package/lib/es2015/main/ts/components/Editor.js

@@ -20,7 +20,7 @@ import { ScriptLoader } from '../ScriptLoader';
 import { getTinymce } from '../TinyMCE';
 import { isTextarea, mergePlugins, uuid, isNullOrUndefined, initEditor } from '../Utils';
 import { editorProps } from './EditorPropTypes';
-import { h, defineComponent, onMounted, ref, toRefs, watch, onBeforeUnmount, onActivated, onDeactivated } from 'vue';
+import { h, defineComponent, onMounted, ref, toRefs, nextTick, watch, onBeforeUnmount, onActivated, onDeactivated } from 'vue';
 var renderInline = function (ce, id, elementRef, tagName) {
     return ce(tagName ? tagName : 'div', {
         id: id,
@@ -37,7 +37,8 @@ var renderIframe = function (ce, id, elementRef) {
 export var Editor = defineComponent({
     props: editorProps,
     setup: function (props, ctx) {
-        var _a = toRefs(props), disabled = _a.disabled, modelValue = _a.modelValue;
+        var conf = props.init ? __assign({}, props.init) : {};
+        var _a = toRefs(props), disabled = _a.disabled, modelValue = _a.modelValue, tagName = _a.tagName;
         var element = ref(null);
         var vueEditor = null;
         var elementId = props.id || uuid('tiny-vue');
@@ -51,11 +52,11 @@ export var Editor = defineComponent({
             function () { return isMounting ? initialValue : cache; }; };
         var initWrapper = function () {
             var content = getContent(mounting);
-            var finalInit = __assign(__assign({}, props.init), { readonly: props.disabled, selector: "#" + elementId, plugins: mergePlugins(props.init && props.init.plugins, props.plugins), toolbar: props.toolbar || (props.init && props.init.toolbar), inline: inlineEditor, setup: function (editor) {
+            var finalInit = __assign(__assign({}, conf), { readonly: props.disabled, selector: "#" + elementId, plugins: mergePlugins(conf.plugins, props.plugins), toolbar: props.toolbar || (conf.toolbar), inline: inlineEditor, setup: function (editor) {
                     vueEditor = editor;
                     editor.on('init', function (e) { return initEditor(e, props, ctx, editor, modelValue, content); });
-                    if (props.init && typeof props.init.setup === 'function') {
-                        props.init.setup(editor);
+                    if (typeof conf.setup === 'function') {
+                        conf.setup(editor);
                     }
                 } });
             if (isTextarea(element.value)) {
@@ -69,6 +70,14 @@ export var Editor = defineComponent({
                 vueEditor.setMode(disable ? 'readonly' : 'design');
             }
         });
+        watch(tagName, function (tagName) {
+            var _a;
+            if (!modelBind) {
+                cache = vueEditor.getContent();
+            }
+            (_a = getTinymce()) === null || _a === void 0 ? void 0 : _a.remove(vueEditor);
+            nextTick(function () { return initWrapper(); });
+        });
         onMounted(function () {
             if (getTinymce() !== null) {
                 initWrapper();
@@ -101,6 +110,16 @@ export var Editor = defineComponent({
                 (_a = getTinymce()) === null || _a === void 0 ? void 0 : _a.remove(vueEditor);
             });
         }
+        var rerender = function (init) {
+            var _a;
+            cache = vueEditor.getContent();
+            (_a = getTinymce()) === null || _a === void 0 ? void 0 : _a.remove(vueEditor);
+            conf = __assign(__assign({}, conf), init);
+            nextTick(function () { return initWrapper(); });
+        };
+        ctx.expose({
+            rerender: rerender
+        });
         return function () { return inlineEditor ?
             renderInline(h, elementId, element, props.tagName) :
             renderIframe(h, elementId, element); };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tinymce/tinymce-vue",
-  "version": "4.0.5",
+  "version": "4.0.6-feature.20220209063005537.sha2579744",
   "description": "Official TinyMCE Vue 3 Component",
   "private": false,
   "repository": {
@@ -41,18 +41,19 @@
     "@ephox/bedrock-server": "^11.3.1",
     "@ephox/katamari": "^7.2.1",
     "@ephox/sugar": "^7.1.3",
-    "@storybook/addon-actions": "^6.4.0-alpha.9",
-    "@storybook/addon-essentials": "^6.4.0-alpha.9",
-    "@storybook/addon-links": "^6.4.0-alpha.9",
+    "@storybook/addon-actions": "^6.4.18",
+    "@storybook/addon-essentials": "^6.4.18",
+    "@storybook/addon-links": "^6.4.18",
     "@storybook/addon-notes": "^5.3.21",
     "@storybook/storybook-deployer": "^2.8.10",
-    "@storybook/vue3": "^6.4.0-alpha.9",
+    "@storybook/vue3": "^6.4.18",
     "@tinymce/beehive-flow": "^0.17.0",
     "@tinymce/eslint-plugin": "^1.9.1",
     "@tinymce/miniature": "^3.2.0",
     "@types/node": "^16.7.1",
-    "@vue/compiler-sfc": "^3.0.0",
-    "babel-loader": "^8.0.5",
+    "@vitejs/plugin-vue": "^2.1.0",
+    "@vue/compiler-sfc": "^3.2.29",
+    "babel-loader": "^8.2.3",
     "babel-preset-vue": "^2.0.2",
     "babel-register": "^6.26.0",
     "css-loader": "^6.2.0",
@@ -67,12 +68,13 @@
     "rollup-plugin-uglify": "^6.0.0",
     "tinymce-4": "npm:tinymce@^4",
     "tinymce-5": "npm:tinymce@^5",
-    "ts-loader": "^9.2.5",
+    "ts-loader": "^9.2.6",
     "ts-node": "^10.2.1",
-    "tsconfig-paths-webpack-plugin": "^3.5.1",
+    "tsconfig-paths-webpack-plugin": "^3.5.2",
     "typescript": "^4.3.5",
-    "vite": "^2.5.1",
-    "vue": "^3.0.0",
+    "vite": "^2.7.13",
+    "vue": "^3.2.5",
+    "vue-cli-plugin-storybook": "^2.1.0",
     "vue-loader": "^15.2.1",
     "vue-router": "^4.0.0-beta.13",
     "vue-template-compiler": "^2.6.14",