HTML Javascript富文本框（IDE）

我希望能在JavaScript中構建一個IDE，其行爲與gmail非常相似，除了樣式會根據鍵入的內容自動更改。這個邏輯不是我在掙扎的地方。它的gmail如何實現在HTML中以豐富的編輯格式進行編輯的能力。據我所知textarea控件不能這樣工作，那麼他們如何僞造這個功能呢？HTML Javascript富文本框（IDE）

來源

2010-01-09 Dested

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小部件。

來源

2010-01-09 17:37:27 Malx

下載許多開放源代碼系統之一，看看他們是如何做到的。
基本上，它們將事件處理程序附加到按鈕上，該按鈕反過來知道如何在光標當前位於文本區域中的位置插入「stuff」，或圍繞textarea中的選定區域插入「stuff」。

來源

2010-01-09 17:26:22

的「東西」是問題的目的。 – Dested 2010-01-09 17:28:04

東西== html標籤 – 2010-01-09 22:43:01

我不太確定這是你的意思，但你在尋找一個在線的所見即所得的編輯器？

在這種情況下，請允許我推薦CKEDitor，這是相當快速，現代和強大。

您可以在相應的Wikipedia entry中找到更廣泛的列表。

您可能必須自定義任何編輯器才能編輯電子郵件（例如，您將無法使用任何預定義的CSS類，因此編輯器必須執行所有操作樣式定義直接在標籤中），但它不應該是一個問題。

來源

2010-01-09 17:31:28

我的投票是'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>

來源

2011-09-01 15:30:35

HTML Javascript富文本框（IDE）

回答

相關問題