2011-08-02 98 views
1

我知道這個話題已經被討論,因爲我可以看到網絡上的痕跡。這種認識似乎是不可能的。但我知道至少有一種產品(TinyMCE)能夠做到這一點。注意:我不想用TinyMCE來做到這一點。html textarea如何在textarea中的內容上應用樣式

我想添加一些圖標到文本內容的textarea元素。如果可以點擊圖標,這將是一件好事。

也許有人在這裏已經看過TinyMCE並知道他們是如何做到的。這是用Javascript完成的嗎?或者,這是一些瀏覽器特定的瀏覽器機制,如拼寫檢查?

回答

4

從我的理解這樣的庫使用contentEditable股利。這允許類似textarea的編輯以及html元素。

1

TinyMCE的隱藏文本區域,並與一個iframe,其內容是可編輯的(使用iframe的文檔的designMode屬性或iframe的<body>元件的contentEditable屬性)替換它在文檔中。我相信textarea仍然保留在文檔中,並且在用戶編輯可編輯iframe中的內容時更新其值,以便提交TinyMCE生成的HTML,就好像它已經輸入到textarea中一樣。

+0

+1這是正確的 – Thariama