2013-04-26 127 views
8

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

我的基本理念下:

  • 创建一个文本区域和观看输入并执行功能的输入变化。我熟悉ngBindhtml指令,只是我可以将它应用于元素。

任何想法如何我可以创建一个函数,将纯文本显示为html

+2

大多数编辑器隐藏文本区域,并在其位置显示输入到div中的数据。开始的一个好方法是看一些非常简单的例子,然后创建您的指令。 – 2013-04-26 02:48:25

+1

这是一个看似复杂的问题的看似简单的解决方案 – richbai90 2013-04-26 02:53:56

+0

您还会发现这个必要:http://stackoverflow.com/questions/263743/how-to-get-caret-position-in-textarea – 2013-04-26 05:00:13

回答

11

我已经尝试过,但最终使用了textAngular

基本上我用iframe取代了textarea,类似于tinyMCE的方式。

contenteditable on a element允许你替换textarea并直接在div上写入。你可以这样插入所有的html元素,比如标题和文本。你必须处理文本上的光标位置,应用基于按钮和文本选择的样式等。