2013-04-26 174 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元素,比如標題和文本。你必須處理文本上的光標位置,應用基於按鈕和文本選擇的樣式等。