我希望能在JavaScript中構建一個IDE,其行爲與gmail非常相似,除了樣式會根據鍵入的內容自動更改。這個邏輯不是我在掙扎的地方。它的gmail如何實現在HTML中以豐富的編輯格式進行編輯的能力。據我所知textarea控件不能這樣工作,那麼他們如何僞造這個功能呢?HTML Javascript富文本框(IDE)
1
A
回答
3
Google for「content editable」 嘗試在Firefox中按F7結束直接編輯HTML頁面: Gmail在contenteditable =「true」的頁面中使用Frame。
另請參見Google Web Toolkit: http://code.google.com/docreader/#p=google-web-toolkit-doc-1-5&s=google-web-toolkit-doc-1-5&t=DevGuideWidgetGallery 有RichTextArea小部件。
0
下載許多開放源代碼系統之一,看看他們是如何做到的。
基本上,它們將事件處理程序附加到按鈕上,該按鈕反過來知道如何在光標當前位於文本區域中的位置插入「stuff」,或圍繞textarea中的選定區域插入「stuff」。
1
我不太確定這是你的意思,但你在尋找一個在線的所見即所得的編輯器?
在這種情況下,請允許我推薦CKEDitor,這是相當快速,現代和強大。
您可以在相應的Wikipedia entry中找到更廣泛的列表。
您可能必須自定義任何編輯器才能編輯電子郵件(例如,您將無法使用任何預定義的CSS類,因此編輯器必須執行所有操作樣式定義直接在標籤中),但它不應該是一個問題。
0
我的投票是'editarea'這是在網絡編輯器列表中:Another Wikipedia entry。
我能夠將它與最簡單的代碼添加到現有的頁面:
<script language="javascript" type="text/javascript" src="edit_area/edit_area_full.js"></script>
<script language="javascript" type="text/javascript" >
editAreaLoader.init({
id: "my_textarea_id" // ID of textarea to turn into syntax editor.
, syntax: "php"
, start_highlight: true
, allow_resize: "both"
, toolbar: "search, go_to_line, |, undo, redo, |, highlight, reset_highlight, word_wrap,|,syntax_selection"
, min_height:150
, min_width:400
});
</script>
相關問題
- 1. WPF將html寫入富文本框
- 2. C#富文本框高亮
- 3. Xamarin.Forms中的富文本框
- 4. 富文本框字符集
- 5. 對接2富文本框
- 6. 跟蹤富文本框文本?
- 7. 功能豐富的JavaScript IDE環境?
- 8. 可編輯的富文本框
- 9. Flex中的Javascript富文本編輯器
- 10. Javascript/CSS/HTML/Java IDE?
- 11. 富文本框保存文件
- 12. C#WPF富文本框BackgroundProperty從文件
- 13. 打開文件富文本框(VB.NET)
- 14. Python庫豐富HTML文本渲染
- 15. 管理HTML富文本選擇
- 16. 在javascript中檢索富文本框共享點
- 17. 知道將富文本輸出爲html的Silverlight富文本編輯器?
- 18. 如何從JavaScript訪問HTML文本框?
- 19. javascript/html自動完成文本框
- 20. 富文本框圓角選擇高亮
- 21. 拖放到只讀富文本框
- 22. 格式添加富文本框
- 23. VB.NET富文本框換行字符
- 24. 把豐富的文本框在.NET
- 25. 如何在豐富的文本框
- 26. 富文本框屬性問題
- 27. C#中的靜態富文本框#
- 28. 富文本框內的鏈接?
- 29. ASP.NET富文本框給出了錯誤
- 30. 數據庫到富文本框問題
的「東西」是問題的目的。 – Dested 2010-01-09 17:28:04
東西== html標籤 – 2010-01-09 22:43:01