Estoy usando la entrada del editor p en el tema primeng . He intentado muchas veces eliminar las etiquetas <p></p> en javascript. Pero no funciona,
probé todos los códigos javascript. pero no obtuve la solución, cómo eliminar automáticamente las etiquetas <p></p> en angular.
Puede acceder al texto usando la propiedad innerText de nativeElement .
Tomando la sugerencia de ViewChild del comentario de @Aldin_Bradaric, creó una demostración funcional a continuación:
<h5>Default</h5> <p-editor #editor [(ngModel)]="text" [style]="{'height':'320px'}" (ngModelChange)="cleanString()"></p-editor> <!-- for demo purpose --> <p></p> <div>Written text:</div> {{ cleanText }}componente.ts:
import { Component, ViewChild } from '@angular/core'; export class AppComponent { text: string = ''; cleanText = ''; @ViewChild('editor', {static: false}) editor: any; cleanString() { this.cleanText = this.editor.el.nativeElement.innerText; } }