@tiny-mce-umbraco/backoffice 17.1.0 → 17.3.4

package/dist-cms/api/types.gen.d.ts

@@ -42,6 +42,7 @@ export type TinyMceConfig = {
     openAiApikey: string;
     pluginsToExclude: Array<string>;
     openAiApiConfig: OpenAiApiConfig;
+    sanitizeTinyMce: boolean;
     customConfig: {
         [key: string]: unknown;
     };

package/dist-cms/api/types.gen.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.gen.d.ts","sourceRoot":"","sources":["../../src/api/types.gen.ts"],"names":[],"mappings":"AAEA,MAAM,MAAM,aAAa,GAAG;IACxB,OAAO,EAAE,yBAAyB,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC;CACtD,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,gBAAgB,EAAE,MAAM,CAAC;IACzB,WAAW,EAAE,MAAM,CAAC;IACpB,mBAAmB,EAAE,MAAM,CAAC;CAC/B,CAAC;AAEF,MAAM,MAAM,cAAc,GAAG;IACzB,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACvB,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACvB,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,GAAG,MAAM,GAAG,IAAI,GAAG,MAAM,GAAG,IAAI,GAAG,MAAM,GAAG,IAAI,GAAG,MAAM,GAAG,IAAI,GAAG,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC;CACtH,CAAC;AAEF,MAAM,MAAM,qBAAqB,GAAG;IAChC,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,8BAA8B,CAAC;CACxC,CAAC;AAEF,oBAAY,8BAA8B;IACtC,MAAM,WAAW;IACjB,SAAS,cAAc;IACvB,GAAG,QAAQ;CACd;AAED,MAAM,MAAM,sBAAsB,GAAG;IACjC,QAAQ,EAAE,KAAK,CAAC,qBAAqB,CAAC,CAAC;IACvC,OAAO,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;IACvB,YAAY,EAAE;QACV,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAC;KACzB,CAAC;IACF,aAAa,EAAE,MAAM,CAAC;IACtB,eAAe,EAAE,MAAM,CAAC;IACxB,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CAC/B,CAAC;AAEF,MAAM,MAAM,aAAa,GAAG;IACxB,MAAM,EAAE,MAAM,CAAC;IACf,cAAc,EAAE,MAAM,CAAC;IACvB,UAAU,EAAE,MAAM,CAAC;IACnB,YAAY,EAAE,MAAM,CAAC;IACrB,gBAAgB,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;IAChC,eAAe,EAAE,eAAe,CAAC;IACjC,YAAY,EAAE;QACV,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC;KAC1B,CAAC;CACL,CAAC;AAEF,MAAM,MAAM,0BAA0B,GAAG;IACrC,cAAc,CAAC,EAAE,sBAAsB,GAAG,IAAI,CAAC;IAC/C,MAAM,CAAC,EAAE,aAAa,GAAG,IAAI,CAAC;CACjC,CAAC;AAEF,MAAM,MAAM,aAAa,GAAG;IACxB,IAAI,CAAC,EAAE,KAAK,CAAC;IACb,IAAI,CAAC,EAAE,KAAK,CAAC;IACb,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,GAAG,EAAE,4CAA4C,CAAC;CACrD,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG;IAC1B;;OAEG;IACH,GAAG,EAAE,OAAO,CAAC;IACb;;OAEG;IACH,GAAG,EAAE,OAAO,CAAC;IACb;;OAEG;IACH,GAAG,EAAE,cAAc,CAAC;CACvB,CAAC;AAEF,MAAM,MAAM,cAAc,GAAG,eAAe,CAAC,MAAM,eAAe,CAAC,CAAC;AAEpE,MAAM,MAAM,kBAAkB,GAAG;IAC7B;;OAEG;IACH,GAAG,EAAE,0BAA0B,CAAC;CACnC,CAAC;AAEF,MAAM,MAAM,iBAAiB,GAAG,kBAAkB,CAAC,MAAM,kBAAkB,CAAC,CAAC"}
+{"version":3,"file":"types.gen.d.ts","sourceRoot":"","sources":["../../src/api/types.gen.ts"],"names":[],"mappings":"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"}

package/dist-cms/clipboard/block/copy/block-rte-to-block-copy-translator.d.ts

@@ -0,0 +1,9 @@
+import { UmbControllerBase } from '@umbraco-cms/backoffice/class-api';
+import type { UmbBlockRteValueModel } from '@umbraco-cms/backoffice/block-rte';
+import type { UmbBlockClipboardEntryValueModel } from '@umbraco-cms/backoffice/block';
+import type { UmbClipboardCopyPropertyValueTranslator } from '@umbraco-cms/backoffice/clipboard';
+export declare class UmbTinyMceBlockRteToBlockClipboardCopyPropertyValueTranslator extends UmbControllerBase implements UmbClipboardCopyPropertyValueTranslator<UmbBlockRteValueModel> {
+    translate(propertyValue: UmbBlockRteValueModel): Promise<UmbBlockClipboardEntryValueModel>;
+}
+export { UmbTinyMceBlockRteToBlockClipboardCopyPropertyValueTranslator as api };
+//# sourceMappingURL=block-rte-to-block-copy-translator.d.ts.map

package/dist-cms/clipboard/block/copy/block-rte-to-block-copy-translator.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"block-rte-to-block-copy-translator.d.ts","sourceRoot":"","sources":["../../../../src/clipboard/block/copy/block-rte-to-block-copy-translator.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,mCAAmC,CAAC;AAEtE,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,mCAAmC,CAAC;AAC/E,OAAO,KAAK,EAAE,gCAAgC,EAAE,MAAM,+BAA+B,CAAC;AACtF,OAAO,KAAK,EAAE,uCAAuC,EAAE,MAAM,mCAAmC,CAAC;AAEjG,qBAAa,6DACZ,SAAQ,iBACR,YAAW,uCAAuC,CAAC,qBAAqB,CAAC;IAEnE,SAAS,CAAC,aAAa,EAAE,qBAAqB,GAAG,OAAO,CAAC,gCAAgC,CAAC;CAkBhG;AAED,OAAO,EAAE,6DAA6D,IAAI,GAAG,EAAE,CAAC"}

package/dist-cms/clipboard/block/copy/block-rte-to-block-copy-translator.js

@@ -0,0 +1,23 @@
+import { UmbControllerBase } from '@umbraco-cms/backoffice/class-api';
+import { UMB_BLOCK_RTE_PROPERTY_EDITOR_SCHEMA_ALIAS } from '@umbraco-cms/backoffice/rte';
+export class UmbTinyMceBlockRteToBlockClipboardCopyPropertyValueTranslator extends UmbControllerBase {
+    async translate(propertyValue) {
+        if (!propertyValue) {
+            throw new Error('Property value is missing.');
+        }
+        const valueClone = structuredClone(propertyValue);
+        const contentData = valueClone.contentData;
+        const layout = valueClone.layout?.[UMB_BLOCK_RTE_PROPERTY_EDITOR_SCHEMA_ALIAS] ?? undefined;
+        const settingsData = valueClone.settingsData;
+        layout?.forEach((layoutItem) => {
+            // @ts-expect-error removing $type from layout item
+            delete layoutItem.$type;
+        });
+        return {
+            contentData: contentData ?? [],
+            layout: layout,
+            settingsData: settingsData ?? [],
+        };
+    }
+}
+export { UmbTinyMceBlockRteToBlockClipboardCopyPropertyValueTranslator as api };

package/dist-cms/clipboard/block/paste/block-to-block-rte-paste-translator.d.ts

@@ -0,0 +1,15 @@
+import { UmbControllerBase } from '@umbraco-cms/backoffice/class-api';
+import type { UmbBlockClipboardEntryValueModel } from '@umbraco-cms/backoffice/block';
+import type { UmbPropertyEditorRteValueType } from '@umbraco-cms/backoffice/rte';
+import type { UmbClipboardPastePropertyValueTranslator } from '@umbraco-cms/backoffice/clipboard';
+export declare class UmbTinyMceBlockToBlockRteClipboardPastePropertyValueTranslator extends UmbControllerBase implements UmbClipboardPastePropertyValueTranslator<UmbBlockClipboardEntryValueModel, UmbPropertyEditorRteValueType> {
+    translate(value: UmbBlockClipboardEntryValueModel): Promise<UmbPropertyEditorRteValueType>;
+    isCompatibleValue(propertyValue: UmbPropertyEditorRteValueType, config: Array<{
+        alias: string;
+        value: [{
+            contentElementTypeKey: string;
+        }];
+    }>): Promise<boolean>;
+}
+export { UmbTinyMceBlockToBlockRteClipboardPastePropertyValueTranslator as api };
+//# sourceMappingURL=block-to-block-rte-paste-translator.d.ts.map

package/dist-cms/clipboard/block/paste/block-to-block-rte-paste-translator.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"block-to-block-rte-paste-translator.d.ts","sourceRoot":"","sources":["../../../../src/clipboard/block/paste/block-to-block-rte-paste-translator.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,mCAAmC,CAAC;AAEtE,OAAO,KAAK,EAAE,gCAAgC,EAAE,MAAM,+BAA+B,CAAC;AACtF,OAAO,KAAK,EAAE,6BAA6B,EAAE,MAAM,6BAA6B,CAAC;AACjF,OAAO,KAAK,EAAE,wCAAwC,EAAE,MAAM,mCAAmC,CAAC;AAElG,qBAAa,8DACZ,SAAQ,iBACR,YAAW,wCAAwC,CAAC,gCAAgC,EAAE,6BAA6B,CAAC;IAE9G,SAAS,CAAC,KAAK,EAAE,gCAAgC,GAAG,OAAO,CAAC,6BAA6B,CAAC;IAkB1F,iBAAiB,CACtB,aAAa,EAAE,6BAA6B,EAC5C,MAAM,EAAE,KAAK,CAAC;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,CAAC;YAAE,qBAAqB,EAAE,MAAM,CAAA;SAAE,CAAC,CAAA;KAAE,CAAC,GAC1E,OAAO,CAAC,OAAO,CAAC;CAMnB;AAED,OAAO,EAAE,8DAA8D,IAAI,GAAG,EAAE,CAAC"}

package/dist-cms/clipboard/block/paste/block-to-block-rte-paste-translator.js

@@ -0,0 +1,27 @@
+import { UmbControllerBase } from '@umbraco-cms/backoffice/class-api';
+import { UMB_BLOCK_RTE_PROPERTY_EDITOR_SCHEMA_ALIAS } from '@umbraco-cms/backoffice/rte';
+export class UmbTinyMceBlockToBlockRteClipboardPastePropertyValueTranslator extends UmbControllerBase {
+    async translate(value) {
+        if (!value) {
+            throw new Error('Value is missing.');
+        }
+        const valueClone = structuredClone(value);
+        return {
+            markup: '',
+            blocks: {
+                contentData: valueClone.contentData,
+                settingsData: valueClone.settingsData,
+                expose: [],
+                layout: {
+                    [UMB_BLOCK_RTE_PROPERTY_EDITOR_SCHEMA_ALIAS]: valueClone.layout ?? undefined,
+                },
+            },
+        };
+    }
+    async isCompatibleValue(propertyValue, config) {
+        const allowedBlockContentTypes = config.find((c) => c.alias === 'blocks')?.value.map((b) => b.contentElementTypeKey) ?? [];
+        const blockContentTypes = propertyValue.blocks?.contentData.map((c) => c.contentTypeKey) ?? [];
+        return blockContentTypes.every((b) => allowedBlockContentTypes.includes(b));
+    }
+}
+export { UmbTinyMceBlockToBlockRteClipboardPastePropertyValueTranslator as api };

package/dist-cms/clipboard/manifests.d.ts

@@ -0,0 +1,2 @@
+export declare const manifests: Array<UmbExtensionManifest>;
+//# sourceMappingURL=manifests.d.ts.map

package/dist-cms/clipboard/manifests.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"manifests.d.ts","sourceRoot":"","sources":["../../src/clipboard/manifests.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,oBAAoB,CAiBjD,CAAC"}

package/dist-cms/clipboard/manifests.js

@@ -0,0 +1,20 @@
+import { UMB_BLOCK_RTE_PROPERTY_EDITOR_UI_ALIAS } from '@tiny-mce-umbraco/backoffice/core';
+import { UMB_BLOCK_CLIPBOARD_ENTRY_VALUE_TYPE } from '@umbraco-cms/backoffice/block';
+export const manifests = [
+    {
+        type: 'clipboardCopyPropertyValueTranslator',
+        alias: 'TinyMCE.ClipboardCopyPropertyValueTranslator.BlockRteToBlock',
+        name: 'TinyMCE Block RTE To Block Clipboard Copy Property Value Translator',
+        api: () => import('./block/copy/block-rte-to-block-copy-translator.js'),
+        fromPropertyEditorUi: UMB_BLOCK_RTE_PROPERTY_EDITOR_UI_ALIAS,
+        toClipboardEntryValueType: UMB_BLOCK_CLIPBOARD_ENTRY_VALUE_TYPE,
+    },
+    {
+        type: 'clipboardPastePropertyValueTranslator',
+        alias: 'TinyMCE.ClipboardPastePropertyValueTranslator.BlockToBlockRte',
+        name: 'TinyMCE Block To Block RTE Clipboard Paste Property Value Translator',
+        api: () => import('./block/paste/block-to-block-rte-paste-translator.js'),
+        fromClipboardEntryValueType: UMB_BLOCK_CLIPBOARD_ENTRY_VALUE_TYPE,
+        toPropertyEditorUi: UMB_BLOCK_RTE_PROPERTY_EDITOR_UI_ALIAS,
+    },
+];

package/dist-cms/components/input-tiny-mce/input-tiny-mce.defaults.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"input-tiny-mce.defaults.d.ts","sourceRoot":"","sources":["../../../src/components/input-tiny-mce/input-tiny-mce.defaults.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,0CAA0C,CAAC;AAGjF,eAAO,MAAM,4CAA4C,sCAAsC,CAAC;AAEhG,eAAO,MAAM,yBAAyB,uQAmB5B,CAAC;AAIX,eAAO,MAAM,qBAAqB,EAAE,gBAiKnC,CAAC"}
+{"version":3,"file":"input-tiny-mce.defaults.d.ts","sourceRoot":"","sources":["../../../src/components/input-tiny-mce/input-tiny-mce.defaults.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,0CAA0C,CAAC;AAGjF,eAAO,MAAM,4CAA4C,sCAAsC,CAAC;AAEhG,eAAO,MAAM,yBAAyB,uQAmB5B,CAAC;AAMX,eAAO,MAAM,qBAAqB,EAAE,gBAiKnC,CAAC"}

package/dist-cms/components/input-tiny-mce/input-tiny-mce.defaults.js

@@ -21,13 +21,15 @@ export const defaultPremiumPluginsList = [
     'tinymcespellchecker',
     'tableofcontents',
 ];
-//we put these as extended elements because they get merged on top of the normal allowed elements by tiny mce
-//so we don't have to specify all the normal elements again
+//we use extended_valid_elements only for Umbraco custom elements and non-standard HTML elements
+//that must be added on top of valid_elements. Standard HTML elements (h1-h6, div, ul, li, span)
+//must NOT appear here because extended_valid_elements overrides valid_elements exclusions —
+//if a user removes an element from ValidElements config it would still be allowed via this list.
 export const defaultFallbackConfig = {
     plugins: ['anchor', 'charmap', 'table', 'lists', 'advlist', 'autolink', 'directionality', 'searchreplace'],
-    valid_elements: '+a[id|style|rel|data-id|data-udi|rev|charset|hreflang|dir|lang|tabindex|accesskey|type|name|href|target|title|class|onfocus|onblur|onclick|ondblclick|onmousedown|onmouseup|onmouseover|onmousemove|onmouseout|onkeypress|onkeydown|onkeyup],-strong/-b[class|style],-em/-i[class|style],-strike[class|style],-s[class|style],-u[class|style],#p[id|style|dir|class|align],-ol[class|reversed|start|style|type],-ul[class|style],-li[class|style],br[class],img[id|dir|lang|longdesc|usemap|style|class|src|onmouseover|onmouseout|border|alt=|title|hspace|vspace|width|height|align|umbracoorgwidth|umbracoorgheight|onresize|onresizestart|onresizeend|rel|data-id],-sub[style|class],-sup[style|class],-blockquote[dir|style|class],-table[border=0|cellspacing|cellpadding|width|height|class|align|summary|style|dir|id|lang|bgcolor|background|bordercolor],-tr[id|lang|dir|class|rowspan|width|height|align|valign|style|bgcolor|background|bordercolor],tbody[id|class],thead[id|class],tfoot[id|class],#td[id|lang|dir|class|colspan|rowspan|width|height|align|valign|style|bgcolor|background|bordercolor|scope],-th[id|lang|dir|class|colspan|rowspan|width|height|align|valign|style|scope],caption[id|lang|dir|class|style],-div[id|dir|class|align|style],-span[class|align|style],-pre[class|align|style],address[class|align|style],-h1[id|dir|class|align|style],-h2[id|dir|class|align|style],-h3[id|dir|class|align|style],-h4[id|dir|class|align|style],-h5[id|dir|class|align|style],-h6[id|style|dir|class|align|style],hr[class|style],small[class|style],dd[id|class|title|style|dir|lang],dl[id|class|title|style|dir|lang],dt[id|class|title|style|dir|lang],object[class|id|width|height|codebase|*],param[name|value|_value|class],embed[type|width|height|src|class|*],map[name|class],area[shape|coords|href|alt|target|class],bdo[class],button[class],iframe[*],figure,figcaption,cite,video[*],audio[*],picture[*],source[*],canvas[*],details[*],summary[*],-code',
+    valid_elements: '+a[id|style|rel|data-id|data-udi|rev|charset|hreflang|dir|lang|tabindex|accesskey|type|name|href|target|title|class|onfocus|onblur|onclick|ondblclick|onmousedown|onmouseup|onmouseover|onmousemove|onmouseout|onkeypress|onkeydown|onkeyup],-strong/-b[class|style],-em/-i[class|style],-strike[class|style],-s[class|style],-u[class|style],#p[id|style|dir|class|align],-ol[class|reversed|start|style|type],-ul[class|style],-li[class|style],br[class],img[id|dir|lang|longdesc|usemap|style|class|src|onmouseover|onmouseout|border|alt=|title|hspace|vspace|width|height|align|umbracoorgwidth|umbracoorgheight|onresize|onresizestart|onresizeend|rel|data-id],-sub[style|class],-sup[style|class],-blockquote[dir|style|class],-table[border=0|cellspacing|cellpadding|width|height|class|align|summary|style|dir|id|lang|bgcolor|background|bordercolor],-tr[id|lang|dir|class|rowspan|width|height|align|valign|style|bgcolor|background|bordercolor],tbody[id|class],thead[id|class],tfoot[id|class],#td[id|lang|dir|class|colspan|rowspan|width|height|align|valign|style|bgcolor|background|bordercolor|scope],-th[id|lang|dir|class|colspan|rowspan|width|height|align|valign|style|scope],caption[id|lang|dir|class|style],-div[id|dir|class|align|style],-span[class|align|style|lang],-pre[class|align|style],address[class|align|style],-h1[id|dir|class|align|style],-h2[id|dir|class|align|style],-h3[id|dir|class|align|style],-h4[id|dir|class|align|style],-h5[id|dir|class|align|style],-h6[id|style|dir|class|align|style],hr[class|style],small[class|style],dd[id|class|title|style|dir|lang],dl[id|class|title|style|dir|lang],dt[id|class|title|style|dir|lang],object[class|id|width|height|codebase|*],param[name|value|_value|class],embed[type|width|height|src|class|*],map[name|class],area[shape|coords|href|alt|target|class],bdo[class],button[class],iframe[*],figure,figcaption,cite,video[*],audio[*],picture[*],source[*],canvas[*],details[*],summary[*],-code',
     invalid_elements: 'font',
-    extended_valid_elements: '@[id|class|style],+umb-rte-block[!data-content-key],+umb-rte-block-inline[!data-content-key],-div[id|dir|class|align|style],ins[datetime|cite],-ul[class|style],-li[class|style],-h1[id|dir|class|align|style],-h2[id|dir|class|align|style],-h3[id|dir|class|align|style],-h4[id|dir|class|align|style],-h5[id|dir|class|align|style],-h6[id|style|dir|class|align],span[id|class|style|lang],figure,figcaption',
+    extended_valid_elements: '@[id|class|style],+umb-rte-block[!data-content-key],+umb-rte-block-inline[!data-content-key],ins[datetime|cite],figure,figcaption',
     custom_elements: 'umb-rte-block,~umb-rte-block-inline',
     toolbar: [
         'styles',

package/dist-cms/components/input-tiny-mce/input-tiny-mce.element.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"input-tiny-mce.element.d.ts","sourceRoot":"","sources":["../../../src/components/input-tiny-mce/input-tiny-mce.element.ts"],"names":[],"mappings":"AAaA,OAAO,EAAE,aAAa,EAAE,MAAM,qCAAqC,CAAC;AAIpE,OAAO,KAAK,EAAe,MAAM,EAAoB,MAAM,+CAA+C,CAAC;AAE3G,OAAO,KAAK,EAAE,iCAAiC,EAAE,MAAM,yCAAyC,CAAC;;AA0CjG,qBACa,sBAAuB,SAAQ,2BAAsC;;IAEjF,aAAa,CAAC,EAAE,iCAAiC,CAAC;cAQ/B,cAAc;IAIjC,IAAa,KAAK,CAAC,QAAQ,EAAE,kBAAkB,GAAG,QAAQ,EAOzD;IAED,IAAa,KAAK,IAAI,kBAAkB,GAAG,QAAQ,CAElD;IAED;;;;;OAKG;IACH,IACW,QAAQ,YAElB;IACD,IAAW,QAAQ,CAAC,KAAK,SAAA,EAKxB;IAID,OAAO,CAAC,QAAQ,CAAC,cAAc,CAAC,CAAc;IAE9C,SAAS;IAIA,YAAY;IAsBZ,oBAAoB;IA0BvB,eAAe,CAAC,eAAe,EAAE,KAAK,CAAC,MAAM,CAAC;IA6UpD;;;OAGG;IACM,MAAM;IAIf,gBAAyB,MAAM,4BAkB7B;CACF;AAED,eAAe,sBAAsB,CAAC;AAEtC,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,oBAAoB,EAAE,sBAAsB,CAAC;KAC7C;CACD"}
+{"version":3,"file":"input-tiny-mce.element.d.ts","sourceRoot":"","sources":["../../../src/components/input-tiny-mce/input-tiny-mce.element.ts"],"names":[],"mappings":"AAaA,OAAO,EAAE,aAAa,EAAE,MAAM,qCAAqC,CAAC;AAIpE,OAAO,KAAK,EAAe,MAAM,EAAoB,MAAM,+CAA+C,CAAC;AAE3G,OAAO,KAAK,EAAE,iCAAiC,EAAE,MAAM,yCAAyC,CAAC;;AA8DjG,qBACa,sBAAuB,SAAQ,2BAAsC;;IAEjF,aAAa,CAAC,EAAE,iCAAiC,CAAC;cAS/B,cAAc;IAIjC,IAAa,KAAK,CAAC,QAAQ,EAAE,kBAAkB,GAAG,QAAQ,EAOzD;IAED,IAAa,KAAK,IAAI,kBAAkB,GAAG,QAAQ,CAElD;IAED;;;;;OAKG;IACH,IACW,QAAQ,YAElB;IACD,IAAW,QAAQ,CAAC,KAAK,SAAA,EAOxB;IAID,OAAO,CAAC,QAAQ,CAAC,cAAc,CAAC,CAAc;IAE9C,SAAS;IAIA,YAAY;IAsBZ,oBAAoB;IA0BvB,eAAe,CAAC,eAAe,EAAE,KAAK,CAAC,MAAM,CAAC;IA+UpD;;;OAGG;IACM,MAAM;IAIf,gBAAyB,MAAM,4BAkB7B;CACF;AAED,eAAe,sBAAsB,CAAC;AAEtC,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,oBAAoB,EAAE,sBAAsB,CAAC;KAC7C;CACD"}

package/dist-cms/components/input-tiny-mce/input-tiny-mce.element.js

@@ -15,7 +15,7 @@ var __classPrivateFieldSet = (this && this.__classPrivateFieldSet) || function (
     if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot write private member to an object whose class did not declare it");
     return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
 };
-var _UmbInputTinyMceElement_instances, _UmbInputTinyMceElement_plugins, _UmbInputTinyMceElement_editorRef, _UmbInputTinyMceElement_stylesheetRepository, _UmbInputTinyMceElement_umbStylesheetRuleManager, _UmbInputTinyMceElement_readonly, _UmbInputTinyMceElement_loadEditor, _UmbInputTinyMceElement_loadPlugins, _UmbInputTinyMceElement_getTinyMceConfig, _UmbInputTinyMceElement_setTinyConfig, _UmbInputTinyMceElement_getLanguage, _UmbInputTinyMceElement_editorSetup, _UmbInputTinyMceElement_onInit, _UmbInputTinyMceElement_onChange;
+var _UmbInputTinyMceElement_instances, _UmbInputTinyMceElement_plugins, _UmbInputTinyMceElement_editorRef, _UmbInputTinyMceElement_sanitizeTinyMce, _UmbInputTinyMceElement_stylesheetRepository, _UmbInputTinyMceElement_umbStylesheetRuleManager, _UmbInputTinyMceElement_readonly, _UmbInputTinyMceElement_loadEditor, _UmbInputTinyMceElement_loadPlugins, _UmbInputTinyMceElement_getTinyMceConfig, _UmbInputTinyMceElement_setTinyConfig, _UmbInputTinyMceElement_getLanguage, _UmbInputTinyMceElement_editorSetup, _UmbInputTinyMceElement_onInit, _UmbInputTinyMceElement_onChange;
 import { availableLanguages } from '@tiny-mce-umbraco/backoffice/core';
 import { defaultFallbackConfig, defaultPremiumPluginsList } from '@tiny-mce-umbraco/backoffice/core';
 import { pastePreProcessHandler } from '@tiny-mce-umbraco/backoffice/core';
@@ -57,6 +57,27 @@ function mergeArrays(arr1, arr2) {
     const a2 = Array.isArray(arr2) ? arr2 : arr2 ? [arr2] : [];
     return Array.from(new Set([...a1, ...a2]));
 }
+// Some config paths (e.g. Umbraco:CMS:RichTextEditor:CustomConfig) can only store scalar string
+// values via the .NET config binder. Complex TinyMCE options like style_formats were historically
+// stored as JSON strings in Umbraco v13. This function parses those JSON strings back into real
+// objects/arrays so TinyMCE receives the correct types.
+function parseJsonStringValues(config) {
+    const result = {};
+    for (const [key, value] of Object.entries(config)) {
+        if (typeof value === 'string' && (value.startsWith('[') || value.startsWith('{'))) {
+            try {
+                result[key] = JSON.parse(value);
+            }
+            catch {
+                result[key] = value;
+            }
+        }
+        else {
+            result[key] = value;
+        }
+    }
+    return result;
+}
 let UmbInputTinyMceElement = class UmbInputTinyMceElement extends UUIFormControlMixin(UmbLitElement, '') {
     constructor() {
         super(...arguments);
@@ -64,6 +85,7 @@ let UmbInputTinyMceElement = class UmbInputTinyMceElement extends UUIFormControl
         //#plugins: Array<ClassConstructor<UmbTinyMcePluginBase> | undefined> = [];
         _UmbInputTinyMceElement_plugins.set(this, []);
         _UmbInputTinyMceElement_editorRef.set(this, null);
+        _UmbInputTinyMceElement_sanitizeTinyMce.set(this, true);
         _UmbInputTinyMceElement_stylesheetRepository.set(this, new UmbStylesheetDetailRepository(this));
         _UmbInputTinyMceElement_umbStylesheetRuleManager.set(this, new UmbStylesheetRuleManager());
         _UmbInputTinyMceElement_readonly.set(this, false);
@@ -93,8 +115,10 @@ let UmbInputTinyMceElement = class UmbInputTinyMceElement extends UUIFormControl
     set readonly(value) {
         __classPrivateFieldSet(this, _UmbInputTinyMceElement_readonly, value, "f");
         const editor = this.getEditor();
-        const mode = value ? 'readonly' : 'design';
-        editor?.mode.set(mode);
+        // editor.removed is true when TinyMCE has been destroyed; mode.set() throws on a destroyed editor
+        if (editor && !editor.removed) {
+            editor.mode.set(value ? 'readonly' : 'design');
+        }
     }
     getEditor() {
         return __classPrivateFieldGet(this, _UmbInputTinyMceElement_editorRef, "f");
@@ -158,6 +182,7 @@ let UmbInputTinyMceElement = class UmbInputTinyMceElement extends UUIFormControl
 };
 _UmbInputTinyMceElement_plugins = new WeakMap();
 _UmbInputTinyMceElement_editorRef = new WeakMap();
+_UmbInputTinyMceElement_sanitizeTinyMce = new WeakMap();
 _UmbInputTinyMceElement_stylesheetRepository = new WeakMap();
 _UmbInputTinyMceElement_umbStylesheetRuleManager = new WeakMap();
 _UmbInputTinyMceElement_readonly = new WeakMap();
@@ -218,6 +243,7 @@ _UmbInputTinyMceElement_setTinyConfig = async function _UmbInputTinyMceElement_s
     let url = '';
     let excludeList = [];
     if (appSettingsConfig) {
+        __classPrivateFieldSet(this, _UmbInputTinyMceElement_sanitizeTinyMce, appSettingsConfig.config?.sanitizeTinyMce ?? true, "f");
         // @ts-ignore
         apiKey = appSettingsConfig.richTextEditor?.cloudApiKey || 'no-origin';
         if (appSettingsConfig.config?.apikey) {
@@ -318,7 +344,7 @@ _UmbInputTinyMceElement_setTinyConfig = async function _UmbInputTinyMceElement_s
     if (appSettingsConfig) {
         if (appSettingsConfig.richTextEditor) {
             const mergedPlugins = mergeArrays(appSettingsConfig.richTextEditor.plugins, config.plugins);
-            config = umbDeepMerge(appSettingsConfig.richTextEditor.customConfig, config);
+            config = umbDeepMerge(parseJsonStringValues(appSettingsConfig.richTextEditor.customConfig), config);
             config.plugins = mergedPlugins;
             if (appSettingsConfig.richTextEditor.validElements.length > 0) {
                 config.valid_elements = appSettingsConfig.richTextEditor.validElements;
@@ -388,6 +414,8 @@ _UmbInputTinyMceElement_editorSetup = async function _UmbInputTinyMceElement_edi
         __classPrivateFieldGet(this, _UmbInputTinyMceElement_instances, "m", _UmbInputTinyMceElement_onChange).call(this, editor.getContent());
     });
     editor.on('SetContent', () => {
+        if (!__classPrivateFieldGet(this, _UmbInputTinyMceElement_sanitizeTinyMce, "f"))
+            return;
         /**
          * Prevent injecting arbitrary JavaScript execution in on-attributes.
          *

package/dist-cms/manifests.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"manifests.d.ts","sourceRoot":"","sources":["../src/manifests.ts"],"names":[],"mappings":"AAQA,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,oBAAoB,CAQjD,CAAC"}
+{"version":3,"file":"manifests.d.ts","sourceRoot":"","sources":["../src/manifests.ts"],"names":[],"mappings":"AASA,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,oBAAoB,CASjD,CAAC"}

package/dist-cms/manifests.js

@@ -1,3 +1,4 @@
+import { manifests as clipboard } from './clipboard/manifests.js';
 import { manifests as components } from './components/manifests.js';
 import { manifests as entryPoints } from './entry-points/manifest.js';
 import { manifests as icons } from './icons/manifests.js';
@@ -6,6 +7,7 @@ import { manifests as propertyEditors } from './property-editors/manifests.js';
 import { manifests as plugins } from './plugins/manifests.js';
 import { manifests as stylesheets } from './stylesheets/manifests.js';
 export const manifests = [
+    ...clipboard,
     ...components,
     ...entryPoints,
     ...icons,

package/dist-cms/property-editors/tiny-mce/manifests.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"manifests.d.ts","sourceRoot":"","sources":["../../../src/property-editors/tiny-mce/manifests.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,oBAAoB,CAkJjD,CAAC"}
+{"version":3,"file":"manifests.d.ts","sourceRoot":"","sources":["../../../src/property-editors/tiny-mce/manifests.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,oBAAoB,CAyJjD,CAAC"}

package/dist-cms/property-editors/tiny-mce/manifests.js

@@ -1,6 +1,13 @@
 import { UMB_BLOCK_RTE_PROPERTY_EDITOR_UI_ALIAS } from '@tiny-mce-umbraco/backoffice/core';
 import { UMB_BLOCK_RTE_PROPERTY_EDITOR_SCHEMA_ALIAS } from '@umbraco-cms/backoffice/rte';
 export const manifests = [
+    {
+        type: 'propertyContext',
+        kind: 'clipboard',
+        alias: 'TinyMCE.PropertyContext.Clipboard',
+        name: 'TinyMCE Clipboard Property Context',
+        forPropertyEditorUis: [UMB_BLOCK_RTE_PROPERTY_EDITOR_UI_ALIAS],
+    },
     {
         type: 'propertyEditorUi',
         alias: UMB_BLOCK_RTE_PROPERTY_EDITOR_UI_ALIAS,

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@tiny-mce-umbraco/backoffice",
-	"version": "17.1.0",
+	"version": "17.3.4",
 	"description": "This Umbraco CMS package enables access to the TinyMCE-based Rich Text Editor (RTE) in version 16 and above. It also supports the use of TinyMCE Premium plugins with a valid subscription. Additional features include streamlined configuration for RTE Data Types in Umbraco and enhanced settings that support direct JSON-based configuration via .NET (appsettings.config).",
 	"keywords": [
 		"Umbraco",
@@ -40,7 +40,7 @@
 		"@rollup/plugin-json": "^6.1.0",
 		"@rollup/plugin-node-resolve": "^16.0.1",
 		"@rollup/plugin-replace": "^6.0.2",
-		"@umbraco-cms/backoffice": "^17.1.0",
+		"@umbraco-cms/backoffice": "^17.3.4",
 		"chalk": "^5.3.0",
 		"cross-env": "^10.1.0",
 		"eslint": "^9.37.0",
@@ -55,7 +55,7 @@
 		"vite-tsconfig-paths": "^5.1.4"
 	},
 	"peerDependencies": {
-		"@umbraco-cms/backoffice": "^17.1.0",
+		"@umbraco-cms/backoffice": "^17.3.4",
 		"tinymce": "^6.8.5",
 		"tinymce-i18n": "^24.12.30"
 	}