Componente

Rich Text Editor

Editor enriquecido para emails, notas y contenido controlado. Incluye toolbar agrupada, sanitizado seguro, variables insertables y soporte completo para Reactive Forms.

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

Compositor

Contenido del email

Variables

Hola ,

El recurso solicitado está listo.

Puedes revisar los detalles en example.com.

Puedes pegar texto enriquecido, enlaces e imágenes pequeñas.

Vista previa

Hola ,

El recurso solicitado está listo.

Puedes revisar los detalles en example.com.

Variables insertables

{{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 });
}