Component

Rich Text Editor

Rich text editor for emails, notes and controlled content. Includes grouped toolbar, safe sanitization, insertable variables and full Reactive Forms support.

import { NeuRichTextEditorComponent } from '@neural-ui/core/rich-text-editor';

Composer

Email content

Variables

Hello ,

Your requested resource is ready.

You can review the details at example.com.

Paste rich text, links and small images.

Preview

Hello ,

Your requested resource is ready.

You can review the details at example.com.

Insertable variables

{{first_name}}{{company}}{{role}}{{resource}}{{download_url}}

import { FormControl, ReactiveFormsModule } from '@angular/forms';
import { NeuRichTextEditorComponent } from '@neural-ui/core/rich-text-editor';

@Component({
  imports: [NeuRichTextEditorComponent, ReactiveFormsModule],
  template: `
    <neu-rich-text-editor
      label="Email content"
      hint="Paste rich text, links and small inline images."
      [variables]="['{{first_name}}', '{{company}}', '{{resource}}']"
      [showPreview]="true"
      [formControl]="emailBodyCtrl"
    />
  `
})
export class MyComponent {
  readonly emailBodyCtrl = new FormControl('', { nonNullable: true });
}