Angular contenteditable中的格式化文本

我从数据库中获取一些文本，这些文本来自文本编辑器。因此，它可以有样式或布局（阅读：粗体文本、换行符等）。文本示例：

hallo<br>wereld<br>

如果没有实体，它看起来像：

哈罗
韦雷德

如何将其放入contenteditable div中，使其看起来像这样：

哈罗

韦雷德

最好是在Angular2上下文中的答案，尽管在普通JS中也会给出正确的答案

编辑：

---

unescape（）和innerHTMLI的可能重复项从Angular 2项目中添加了我的html代码。我正在处理一个关于div的指令，该指令是可编辑的。因此，我使用指令的

@Input

和

@Output

。添加innerHTML会弄乱contenteditable的行为，就像每次按键时总是将插入符号放在前面一样。在这方面，你能提供一个答案吗？我知道这不容易，但我非常感激。

<div #contentEditable contenteditable="true" cvContenteditableModel [model]="getContent()" (modelChange)="setContent()" autofocus></div>