创建富文本编辑器AngularJS

时间:2013-04-26 02:43:45

标签: angularjs richtextbox wysiwyg

我知道有很多优秀的富文本编辑器可以很容易地移植到角度和大量讨论如何做到这一点,但我想创建自己的。

我有基本的想法:

  • 创建文本区域并观察输入并在输入更改时执行功能。我熟悉ngBindhtml指令,只是我可以将它应用于元素。

知道我怎么能够创建一个将纯文本呈现到html的函数?

2 个答案:

答案 0 :(得分:12)

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

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

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

答案 1 :(得分:0)

好吧,我也遇到了这个并创建了我自己的编辑器,因为我需要添加Table addition等功能。回购仍然在开发中,但你可以有点想法by taking a look at this plunkr。与旧答案不同,我试图将其保留为component,以便可以根据需要在许多其他地方重复使用。

您可以star this git repo to stay updated or feel free to add your inputs