Estoy usando CKEditor angular para el área de texto HTML. Así que solo obtengo el valor de CKEditor y se lo muestro a algún otro div. He integrado esta función usando ngModel pero no puedo mostrar el valor del formulario HTML. Es mostrar el valor HTML sin formato. Por favor, compruebe el siguiente código y la salida.
HTML
<div class="row"> <div class="col-md-6 col-lg-6 col-sm-12 text-center"> <div class="bg-gray p-5 m-3" *ngIf="!editorStatus"> <p class="mb-0">{{ htmlEditorValue }}</p> </div> <div class="htmleditor" *ngIf="editorStatus"> <ckeditor name="htmlEditor" [config]="config" [editor]="Editor" [(ngModel)]="htmlEditorValue" skin="moono-lisa" language="en"> </ckeditor> <button class="btn trans-btn list-head-btn ng-star-inserted btn-gradient mt-3 w-25" (click)="getEditorValue()">Save</button> </div> </div> </div>TS
editorStatus: boolean = false; htmlEditorValue = 'Test'; changeEditor() { this.editorStatus = true; } getEditorValue() { this.editorStatus = false; console.log("ashok"+this.htmlEditorValue); }Recibo un HTML sin formato pero quiero formato HTML. Alguien me ayuda a solucionar este problema
Intente configurar su htmlEditorValue en un archivo .html de esta manera:
<p class="mb-0" [innerHtml]="htmlEditorValue"></p>Eche un vistazo aquí, si entiendo su problema de la manera correcta, debería resolver el problema: https://stackblitz.com/edit/angular-ivy-k7deuo?file=src%2Fapp%2Fapp.component.ts