angularjs - 创建富文本编辑器 AngularJS

Question

我知道有很多很棒的富文本编辑器可以轻松移植到 Angular，并且关于如何做到这一点有很多讨论，但我想创建自己的编辑器。

我已经有了基本的想法:

• 创建一个文本区域并观察输入并在输入更改时执行功能。我熟悉 ngBindhtml 指令，仅限于我可以将其应用于元素。

知道如何创建一个将纯文本渲染为 html 的函数吗？

Answer 1

我之前尝试过，但最终使用了 textAngular 。

基本上我用 iframe 替换了 textarea，类似于tinyMCE 的方式。

元素上的contenteditable允许您替换文本区域并直接在div上书写。您可以通过这种方式插入所有 html 元素，例如标题和文本。您必须处理文本上的光标位置，应用基于按钮和文本选择的样式等。