创建富文本编辑器AngularJS

我知道有很多很棒的富文本编辑器可以很容易地移植到angular上，并且有很多关于如何实现这一点的讨论，但是我想创建自己的编辑器

我有一个基本的想法：

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

---

有没有想过如何创建一个函数，将纯文本呈现为

html

？

我以前尝试过，但最终使用了它

基本上，我用iframe替换了textarea，类似于tinyMCE

---

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

好吧，我也遇到了这个问题，并创建了自己的编辑器，因为我需要添加一些功能，如添加

表添加

等。repo仍在开发中，但您可以有一些想法。与以前的答案不同，我尝试将其作为

组件

，以便可以根据需要在许多其他地方重用

---

您可以

star

大多数编辑器隐藏文本区域，并在其位置显示正在键入到div中的数据。一个很好的开始方法是看一些非常简单的例子，然后创建您的指令。这是一个看似复杂问题的简单解决方案，您也会发现这是必要的：？您看到了吗？如果你想做你自己的，你可能会从中学到很多东西。在你开始使用之前，从其他问题中删除重复的ans