From 5ea8b65ba32a6cb5d6d8a7ea479b0a01bf02bd57 Mon Sep 17 00:00:00 2001
From: Jacob Overgaard <752371+iOvergaard@users.noreply.github.com>
Date: Fri, 23 Jun 2023 09:27:46 +0200
Subject: [PATCH] match config with old backoffice

---
 ...-tiny-mce-toolbar-configuration.element.ts |  6 +--
 .../uis/tiny-mce/manifests.ts                 | 54 +++++++++++++------
 2 files changed, 40 insertions(+), 20 deletions(-)

diff --git a/src/Umbraco.Web.UI.Client/src/packages/core/property-editors/uis/tiny-mce/config/toolbar/property-editor-ui-tiny-mce-toolbar-configuration.element.ts b/src/Umbraco.Web.UI.Client/src/packages/core/property-editors/uis/tiny-mce/config/toolbar/property-editor-ui-tiny-mce-toolbar-configuration.element.ts
index 61e9a05b4a..e094a3f741 100644
--- a/src/Umbraco.Web.UI.Client/src/packages/core/property-editors/uis/tiny-mce/config/toolbar/property-editor-ui-tiny-mce-toolbar-configuration.element.ts
+++ b/src/Umbraco.Web.UI.Client/src/packages/core/property-editors/uis/tiny-mce/config/toolbar/property-editor-ui-tiny-mce-toolbar-configuration.element.ts
@@ -7,8 +7,6 @@ import { UmbLitElement } from '@umbraco-cms/internal/lit-element';
  */
 @customElement('umb-property-editor-ui-tiny-mce-toolbar-configuration')
 export class UmbPropertyEditorUITinyMceToolbarConfigurationElement extends UmbLitElement {
-
-
 	@property()
 	value: string[] = [];
 
@@ -16,7 +14,7 @@ export class UmbPropertyEditorUITinyMceToolbarConfigurationElement extends UmbLi
 	public config = [];
 
 	render() {
-		return html`TODO => get config options from backend per Umbraco.Cms.Web.BackOffice.PropertyEditors.RichTextPreValueController<ul>
+		return html`<ul>
 			${this.value.map((v) => html`<li><uui-checkbox value=${v} checked>${v}</uui-checkbox></li>`)}
 		</ul>`;
 	}
@@ -27,7 +25,7 @@ export class UmbPropertyEditorUITinyMceToolbarConfigurationElement extends UmbLi
 			ul {
 				list-style: none;
 				padding: 0;
-				margin:0;
+				margin: 0;
 			}
 		`,
 	];
diff --git a/src/Umbraco.Web.UI.Client/src/packages/core/property-editors/uis/tiny-mce/manifests.ts b/src/Umbraco.Web.UI.Client/src/packages/core/property-editors/uis/tiny-mce/manifests.ts
index 2ab5413d50..b84f765e3e 100644
--- a/src/Umbraco.Web.UI.Client/src/packages/core/property-editors/uis/tiny-mce/manifests.ts
+++ b/src/Umbraco.Web.UI.Client/src/packages/core/property-editors/uis/tiny-mce/manifests.ts
@@ -13,22 +13,6 @@ const manifest: ManifestPropertyEditorUi = {
 		group: 'richText',
 		settings: {
 			properties: [
-				{
-					alias: 'editor',
-					label: 'Editor',
-					propertyEditorUiAlias: 'Umb.PropertyEditorUi.TinyMCE.Configuration',
-				},
-				{
-					alias: 'overlaySize',
-					label: 'Overlay Size',
-					description: 'Select the width of the overlay (link picker)',
-					propertyEditorUiAlias: 'Umb.PropertyEditorUi.OverlaySize',
-				},
-				{
-					alias: 'hideLabel',
-					label: 'Hide Label',
-					propertyEditorUiAlias: 'Umb.PropertyEditorUi.Toggle',
-				},
 				{
 					alias: 'toolbar',
 					label: 'Toolbar',
@@ -53,6 +37,44 @@ const manifest: ManifestPropertyEditorUi = {
 					description: 'Maximum width or height - enter 0 to disable resizing',
 					propertyEditorUiAlias: 'Umb.PropertyEditorUI.TinyMCE.MaxImageSizeConfiguration',
 				},
+				{
+					alias: 'mode',
+					label: 'Mode',
+					description: 'Select the mode for the editor',
+					propertyEditorUiAlias: 'Umb.PropertyEditorUi.Dropdown',
+					config: [
+						{
+							alias: 'items',
+							value: ['Classic', 'Inline'],
+						},
+					],
+				},
+				{
+					alias: 'overlaySize',
+					label: 'Overlay Size',
+					description: 'Select the width of the overlay (link picker)',
+					propertyEditorUiAlias: 'Umb.PropertyEditorUi.OverlaySize',
+				},
+				{
+					alias: 'hideLabel',
+					label: 'Hide Label',
+					propertyEditorUiAlias: 'Umb.PropertyEditorUi.Toggle',
+				},
+				{
+					alias: 'imageUploadFolder',
+					label: 'Image Upload Folder',
+					description: 'Choose the upload location of pasted images',
+					propertyEditorUiAlias: 'Umb.PropertyEditorUi.MediaPicker',
+					config: [
+						{
+							alias: 'validationLimit',
+							value: {
+								min: 1,
+								max: 1,
+							},
+						},
+					],
+				},
 			],
 		},
 	},