Empresas
Empregos
  • Sobre nós
  • Soluções
    • Publicação de vagas
      Publique sua vaga e receba candidatos qualificados em 48h.
    • Avaliações de candidatos
      Mais de 500 testes técnicos e psicológicos, mais anti-fraude.
    • Headhunting
      Busca executiva personalizada do início ao fim.
    • Folha de Pagamento + EOR
      Dispersão de folha e EOR em mais de 15 países da LATAM.
  • Preços
  • Empregos

0

342
Visualizações
¿Cómo puedo agregar el valor del formato HTML al formato normal en angular usando CKEditor?

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); }

Y mi salida es: ingrese la descripción de la imagen aquí

Recibo un HTML sin formato pero quiero formato HTML. Alguien me ayuda a solucionar este problema

about 4 years ago · Juan Pablo Isaza
1 Respostas
Responde à pergunta

0

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

about 4 years ago · Juan Pablo Isaza Relatório
Responde à pergunta
Encontrar trabalhos remotos

Descubra a nova forma de encontrar um emprego!

melhores empregos
Principais categorias de trabalho
Empresas
Postar vaga Preços Comercial
Jurídico
Termos e Condições Política de privacidade
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Recomende algumas ofertas para mim
Preciso de ajuda