Tiny cme HTML редактор с угловым JS

Question

Я использую html-редактор TinyCME с угловой директивой и отображаю выходные данные редактора, который привязан к данным для свойства "description" в области видимости, в div с использованием ng-html-bind.

<div ng-bind-html="description" ></div>

все работает нормально, но я не получил в div то, что вижу в редакторе, особенно когда дело доходит до стилей, таких как цвет фона и цвет текста, вот что я получаю вредактор

и вот что я получаю в div

это звучит как всестили, применяемые в редакторе, в конечном итоге будут перезаписаны стилями в контексте div

У меня нет опыта работы с CSS, поэтому прошу прощения за отсутствие знаний

Что я действительно хочусделать, чтобы сделать вывод редактора в DIV таким образом, как это выглядит в редакторе любая помощь?

Answer 1

Я решил проблему, проблема в том, что ng-bind-html удаляет всю информацию о стилях, полученную из редактора, поэтому нет информации о стилях

, чтобы решить проблему, которую мы должны использовать angularjsсервис $ sec, который сообщает ng-bind-html, чтобы он ничего не вырезал из строки html

, поэтому, чтобы использовать его в угловом выражении, мы должны сделать его в качестве фильтра

app.filter('trustAsHtml', ["$sce", function ($sce) { return $sce.trustAsHtml; } ] );

тогда вы можете использовать этот фильтр в выражении привязки, как показано ниже:

<div ng-bind-html="currentModel.description | trustAsHtml" ></div>