带有角js的微小cme html编辑器

内容来源于 Stack Overflow,并遵循CC BY-SA 3.0许可协议进行翻译与使用

  • 回答 (1)
  • 关注 (0)
  • 查看 (34)

使用ng-html-BIND将编辑器的输出(即数据)呈现到范围内的属性“Description”中。

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

一切都很好,但我并没有在编辑器中看到什么,特别是在样式方面,比如背景色和文本颜色,这就是我在编辑器中看到的。

这是我在Dv中得到的

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

我没有CSS方面的经验,所以请原谅我缺乏知识

我真正想要做的是,以一种与编辑器中的外观完全相同的方式,将编辑器输出呈现为div,有帮助吗?

提问于
用户回答回答于

我已经解决了这个问题,这个问题来源于ng-bin-html删除了所有样式信息来自编辑器,这就是为什么没有样式信息。

为了解决这个问题,我们应该使用angularjs服务$sec,它告诉ng-bind-html不要从html字符串中删除任何内容。

因此,要在角表达式中使用它,我们应该把它作为一个过滤器。

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

然后,可以在绑定表达式中使用此筛选器,如下所示:

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

扫码关注云+社区

领取腾讯云代金券