match config with old backoffice

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;
 			}
 		`,
 	];

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,
+							},
+						},
+					],
+				},
 			],
 		},
 	},