Встроенный стиль в HTML textarea проигнорирован

Question

Недавно я начал свой первый проект с JHipster и создал два объекта. Одна из сущностей напоминает блог. Этот блог имеет атрибут content, который работает с текстовым полем. в моем blogs.html файл я включил использование HTML-теги в моем текстовом поле, как так:

<div ng-bind-html="topic.content"></div> 

Это работает без проблем. Я могу определить html-теги в своем текстовом поле, и они интерпретируются как таковые.

Но проблема начинается с стилизации моих недавно сформированных атрибутов. простого DIV с встроенными стилями:

<div style="font-size:100px"> Test</div> 

получает интерпретировать как HTML, но стиль получает пропущено. Я также судимый использовать нг-стиль вместо:

<div ng-style="font-size:100px"> Test</div>` 

но то не работает. В случае, если мои стили могут быть перезаписаны, я также попытался установить флаг !important без успеха.

Мне немного сложно предоставить фактический код, так как jhipster сгенерировал мои сущности полностью автономными. Я не могу определить, будет ли какой-нибудь скрипт отменять мои стили или запретить использование тегов стиля в целом. Тем не менее я сделал несколько снимков, которые могли бы помочь понять эту проблему:

это мое текстовое поле, в котором пользователь делает его вход

это как результат выглядит, обратите внимание на «тест» текст должны окрасить:

И последнее, но не в последнюю очередь я пытаюсь представить, как мой браузер разрешает атрибут:

Я ценю вашу помощь!

Answer 1

Я думаю, что дезинфицирующий является зачистка тега стиля ...

Вводить службу ScE $ в контроллере картографической функции trustAsHtml к виду:

$scope.trustAsHtml = function(string) { 
    return $sce.trustAsHtml(string); 
}; 

, то вы можете сделать это:

<div ng-bind-html="trustAsHtml(topic.content)"></div> 

это должно решить вашу проблему, но знайте, что ваш topic.content исходит из проверенного источника (не от входа пользователя), или вы могли бы нападение инъекции ...