• Jobs
  • About Us
  • professionals
    • Home
    • Jobs
    • Courses and challenges
  • business
    • Home
    • Post vacancy
    • Our process
    • Pricing
    • Assessments
    • Payroll
    • Blog
    • Sales
    • Salary Calculator

0

1.2K
Views
Angular, ¿Cómo mostrar texto sin las etiquetas HTML?

Tengo una cadena almacenada en mi localStorage con las etiquetas HTML ya que uso ngx-quill (Editor de texto enriquecido angular) que almacena los datos en texto con formato HTML.

Así es como se ve mi localStorage: ingrese la descripción de la imagen aquí

Como puede ver en la imagen de arriba, en la descripción, hay etiquetas p.

¿Hay alguna forma de mostrarlo en la página Angular sin las etiquetas? ingrese la descripción de la imagen aquí

about 3 years ago · Santiago Trujillo
2 answers
Answer question

0

Debe usar innerHTML y asegurarse de que confía en el HTML si contiene una etiqueta de secuencia de comandos; de lo contrario, Angular arrojará un error.

Haga lo siguiente, cree una canalización safeHTML:

 import { Pipe, PipeTransform } from '@angular/core'; import { DomSanitizer, SafeHtml } from '@angular/platform-browser'; @Pipe({ name: 'sanitizeHtml' }) export class SanitizeHtmlPipe implements PipeTransform { constructor(private sanitizer: DomSanitizer) { } transform(html: string): any { return this.sanitizer.bypassSecurityTrustHtml(html); } }

y luego use esto con innerHTML así:

 <span [innerHTML]="description" | sanitizeHtml"></span>
about 3 years ago · Santiago Trujillo Report

0

Use: [innerHTML] para eso, por ejemplo:

 <div [innerHTML]="data.description"></div>
about 3 years ago · Santiago Trujillo Report
Answer question
Find remote jobs

Discover the new way to find a job!

Top jobs
Top job categories
Business
Post vacancy Pricing Our process Sales
Legal
Terms and conditions Privacy policy
© 2025 PeakU Inc. All Rights Reserved.

Andres GPT

Recommend me some offers
I have an error