I am using the p-editor input in primeng theme.
i have tried many times to removed the <p></p> tags in javascript.but not working,
i tried all javascript codes. but i didn't get the solution,how to remove automatically bind the <p></p> tags in angular.
You can access the text by using the innerText property of nativeElement.
Taking the ViewChild hint from @Aldin_Bradaric's comment, created a working demo below:
<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 }}
component.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;
}
}