javascript - 在 Angular 模板中显示来自 CKEditor 的原始 HTML 标记

Question

我在 AngularJS 应用程序中使用 CKEditor。当我尝试显示从 保存的文本时TextEditor，它不采用样式。例如，如果我想显示一个句子，它会显示为：

<p>How old are you</p>

代替 ：

你今年多大

我尝试使用ng-bind：

<div ng-bind="Item.Header"></div>

和常规绑定方法：

<h3>{{Item.Header}}</h3>

但是这两种方法都不起作用。这个问题有解决方案吗？

Answer 1

您应该使用“ ngBindHtmlUnsafe ”。由于此命令不会清理表达式，但您应该仅在信任源的情况下使用它。

所以html会写成如下：

<div ng-bind-html-unsafe="Item.Header"></div>