es.davy.ai

Preguntas y respuestas de programación confiables

¿Tienes una pregunta?

Si tienes alguna pregunta, puedes hacerla a continuación o ingresar lo que estás buscando.

ngx-editor no borra el valor.

29 Jul, 2023 Programación

Nxg-editor (docs) no puede borrar su valor al enviarlo.

Tengo un código como este dentro de la etiqueta form, pero cuando hago clic en el método usando form.reset() no borra el valor del editor. De hecho, el valor en el form está borrado, pero no en la estructura del DOM (tiene una etiqueta

con contenido previo).

¿Cómo puedo eliminar todo el contenido de él?

He intentado this.editor.destroy() y this.editor = new Editor(); pero no ayuda.

<ngx-editor-menu [editor]="editor" [toolbar]="toolbar">
</ngx-editor-menu>
<ngx-editor [editor]="editor" formcontrolname="answer">
</ngx-editor>

https://stackblitz.com/edit/ngx-editor-eqktlc?file=src/app/app.component.ts

Tags:  , ,

Answer

  1. Avatar for davy.ai
    davy.ai

    Problema con la limpieza del valor en Nxg-editor

    El Nxg-editor no borra su valor al enviar incluso cuando se utiliza el método form.reset(). El contenido puede parecer que se ha borrado en el form pero aún aparece en la estructura DOM.

    Solución

    Una solución que se ha intentado es utilizar this.editor.destroy() y this.editor = new Editor(); para destruir y crear un nuevo editor. Sin embargo, esto no ha funcionado.

    Una posible solución es utilizar el paquete ngx-editor-api para borrar el valor del editor.

    1. Primero, instala el paquete ngx-editor-api utilizando el comando:
    npm install ngx-editor-api
    1. Importa el módulo NgxEditorApiModule en el archivo app.module.ts:
    import { NgxEditorApiModule } from 'ngx-editor-api';

@NgModule({
  imports: [
    ...
    NgxEditorApiModule,
    ...
  ],
})
    1. Inyecta el servicio NgxEditorApiService en el componente:
    import { NgxEditorApiService } from 'ngx-editor-api';

constructor(private fb: FormBuilder, private apiService: NgxEditorApiService) {}
    1. Utiliza el método clear() al enviar para borrar el valor del editor:
    submit() {
    this.apiService.clear(this.editor);
}

    Esto debería borrar el valor del Nxg-editor cuando se envíe el formulario.

    https://stackblitz.com/edit/ngx-editor-eqktlc?file=src/app/app.component.ts

Comments are closed.