pluton-html-angular-21-22

Editor HTML híbrido para Angular 21–22: modo Visual (EJS + contenteditable) e modo Código (Monaco + preview).

Pacote pré-compilado — contém apenas fesm2022, tipos TypeScript e estilos SCSS.

Instalação

npm install pluton-html-angular-21-22 monaco-editor ngx-monaco-editor-v2

Versões suportadas

Recomendado: Angular 21.2.x · Node 20.19+ ou 22.12+

Angular ≤ 20 e ≥ 23 não são suportados por este pacote.

Uso mínimo

import { ApplicationConfig } from '@angular/core';
import { provideMonacoEditor } from 'ngx-monaco-editor-v2';
import { PlutonHtmlEditorComponent } from 'pluton-html-angular-21-22';

export const appConfig: ApplicationConfig = {
  providers: [provideMonacoEditor({ baseUrl: 'assets/monaco/vs' })],
};

<pluton-html-editor [content]="html" (contentChange)="html = $event" />

@use 'pluton-html-angular-21-22/styles/editor-blocks';

Documentação completa: repositório pluton-html-angular-21-22-private.