Tiptap: replaced max height/width options with combined dimensions

Author: leekelleher

src/packages/rte/tiptap/components/input-tiptap/input-tiptap.element.ts

@@ -105,10 +105,9 @@ export class UmbInputTiptapElement extends UmbFormControlMixin<string, typeof Um
 		const element = this.shadowRoot?.querySelector('#editor');
 		if (!element) return;
 
-		const maxWidth = this.configuration?.getValueByAlias<number>('maxWidth');
-		const maxHeight = this.configuration?.getValueByAlias<number>('maxHeight');
-		if (maxWidth) this.setAttribute('style', `max-width: ${maxWidth}px;`);
-		if (maxHeight) element.setAttribute('style', `max-height: ${maxHeight}px;`);
+		const dimensions = this.configuration?.getValueByAlias<{ width?: number; height?: number }>('dimensions');
+		if (dimensions?.width) this.setAttribute('style', `max-width: ${dimensions.width}px;`);
+		if (dimensions?.height) element.setAttribute('style', `max-height: ${dimensions.height}px;`);
 
 		this._toolbar = this.configuration?.getValueByAlias<UmbTiptapToolbarValue>('toolbar') ?? [[[]]];
 

src/packages/rte/tiptap/property-editors/tiptap/manifests.ts

@@ -28,19 +28,12 @@ export const manifests: Array<ManifestPropertyEditorUi> = [
 						weight: 10,
 					},
 					{
-						alias: 'maxWidth',
-						label: 'MaxWidth',
-						description: 'Editor max width',
-						propertyEditorUiAlias: 'Umb.PropertyEditorUi.Integer',
+						alias: 'dimensions',
+						label: 'Dimensions',
+						description: 'Set the maximum width and height of the editor',
+						propertyEditorUiAlias: 'Umb.PropertyEditorUI.TinyMCE.DimensionsConfiguration',
 						weight: 20,
 					},
-					{
-						alias: 'maxHeight',
-						label: 'MaxHeight',
-						description: 'Editor max height',
-						propertyEditorUiAlias: 'Umb.PropertyEditorUi.Integer',
-						weight: 30,
-					},
 					{
 						alias: 'maxImageSize',
 						label: 'Maximum size for inserted images',