как отобразить данные ckeditor в html в angular6

#html #ckeditor #angular6

#HTML #ckeditor #angular6

Вопрос:

Я хочу отобразить данные из базы данных (с помощью PHPMYADMIN). Данные, которые я хочу отобразить, хранятся с использованием ng2-ckeditor (Angular 6). Поэтому, когда он дает результат, он также показывает теги html, которые мне не нужны. Как мне получить результат без отображения тегов HTML?

Это для отображения на странице html

newsArray является типом Object), который отображает данные, но с тегами html

    <div *ngFor="let item of newsArray">
                    <div class="panel-body">
                      {{item.details}}
                    </div>   
   </div>
 

результат, полученный этим:

 <p>hello</p>
 

но ожидаемый результат:

 hello
 

Ответ №1:

вы можете использовать свойство [innerHTML] в div

 <div *ngFor="let item of newsArray">
                    <div class="panel-body" [innerHtml]='item.details'>

                    </div>   
   </div>
 

Ответ №2:

Вы можете заменить свой результат следующим образом:

 getText() {
  return this.data.replace(/<[^>]*>/g, '');
}
 

Это заменит все ваши html-теги и сохранит только пустой текст.

Смотрите мою демонстрацию stackblitz