vendure/docs/docs/reference/admin-ui-api/components/rich-text-editor-component.md

---

title: "RichTextEditorComponent" weight: 10 date: 2023-07-20T13:56:18.444Z showtoc: true

generated: true

import MemberInfo from '@site/src/components/MemberInfo'; import GenerationInfo from '@site/src/components/GenerationInfo'; import MemberDescription from '@site/src/components/MemberDescription';

RichTextEditorComponent

A rich text (HTML) editor based on Prosemirror (https://prosemirror.net/)

Example

<vdr-rich-text-editor
    [(ngModel)]="description"
    label="Description"
></vdr-rich-text-editor>

class RichTextEditorComponent implements ControlValueAccessor, AfterViewInit, OnDestroy {
  @Input() @Input() label: string;
  @HostBinding('class.readonly') @HostBinding('class.readonly')
    _readonly = false;
  onChange: (val: any) => void;
  onTouch: () => void;
  constructor(changeDetector: ChangeDetectorRef, prosemirrorService: ProsemirrorService, viewContainerRef: ViewContainerRef, contextMenuService: ContextMenuService)
  menuElement: HTMLDivElement | null
  ngAfterViewInit() => ;
  ngOnDestroy() => ;
  registerOnChange(fn: any) => ;
  registerOnTouched(fn: any) => ;
  setDisabledState(isDisabled: boolean) => ;
  writeValue(value: any) => ;
}

Implements

• ControlValueAccessor
• AfterViewInit
• OnDestroy

label

_readonly

onChange

onTouch

constructor

ngAfterViewInit