微小的cme html编辑器与角js

Question

我正在使用带有angular directive的TinyCME html编辑器 然后我将编辑器的输出 - 即data-bidden渲染到属性＆＃34;描述＆＃34;在范围内 - 使用ng-html-bind进入div。

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

一切正常，但我没有在编辑器中看到div 特别是在背景颜色和文字颜色等样式时 这是我在编辑器中得到的

这就是我在div中得到的内容

听起来，编辑器中应用的所有样式最终都会被div上下文中的样式覆盖

我没有任何CSS经验，请原谅我缺乏知识

我真正想要做的是在div中以与编辑器中的任何帮助完全相同的方式呈现编辑器输出？

Answer 1

我已经解决了问题，因为ng-bind-html删除了所有样式信息来自编辑器，这就是为什么没有样式信息

解决问题我们应该使用angularjs service $ sec告诉ng-bind-html不要从html字符串中删除任何东西

所以要在角度表达式中使用它，我们应该将其作为过滤器

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

然后您可以在绑定表达式中使用此过滤器，如下所示：

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