Textarea contenteditable

我想讓textarea內容編輯，我失敗了。我使用此代碼：Textarea contenteditable

<textarea id='' class='' name='notes' rows='12' cols='67' contenteditable='true' ></textarea>

我期待像http://html5demos.com/contenteditable

結果沒有人有一個想法，爲什麼它不工作？

編輯：

我這樣做是因爲我試圖做一個oneliner將控件添加到其中（HTML）格式的內容可以粘貼的形式，並保留其格式。我試圖做到這一點沒有大驚小怪，沒有JavaScript代碼。看來這是不可能的。如果沒有進一步的輸入，我會在一天內解決這個問題。

來源

2009-10-14 Antony Carthy

他們沒有使用textarea，textareas已經可編輯了。這是他們正在使用的內容

<section contenteditable="true" id="editable"> 
    <h2>Go ahead, edit away!</h2> 
    <p>Here's a typical paragraph element</p> 
    <ol> 
     <li>and now a list</li> 
     <li>with only</li> 
     <li>three items</li> 
    </ol> 
    </section>

來源

2009-10-14 14:58:55

我希望有一個所見即所得的地方可以粘貼粗體文本等。原因是我需要在編輯完成後提交表單。 – 2009-10-14 15:01:24

我也需要這樣的東西。我看到一些人實際上將其內容寫入隱藏字段，但每次更改或運行時都必須執行此更新execCommand – 2015-05-28 14:55:45

但是部分或其他類似對象不支持像佔位符，所需等原生函數。 textarea canot支持內容可編輯爲html格式。 – 2017-03-11 22:01:42

您是否在頁面頂部設置了正確的文檔類型？對於HTML5，您需要以下文檔類型：

<!DOCTYPE html>

此外，爲什麼textarea？ textareas已經可編輯了。

來源

2009-10-14 15:00:11 Marius

在Ben的帖子中， \t我希望有一個所見即所得的地方，可以粘貼粗體文本等並保留格式。這是因爲我需要在編輯完成後提交表單。 – 2009-10-14 15:05:02

表單不會提交格式。而是把它放在一個div中，並使用onSumbit來讀取div的innerHTML。 – Marius 2009-10-14 15:08:43

謝謝馬呂斯。我希望KISS，但我們走了。 – 2009-10-14 15:11:19

給出你的評論迴應，我會推薦任何出色的所見即所得的編輯器。無需重新發明輪子，我不認爲contenteditable無論如何都不會滿足您的需求。

我個人最喜歡的是CKEditor，但還有很多很多。 TinyMCE也很受歡迎。

來源

2009-10-14 15:16:02 anschauung

我一直希望有一個oneliner來解決我的問題（只需要一個簡單的文本區域，可以容納格式化文本），但這顯然不在卡片上。（還是）感謝你的建議。 – 2009-10-15 07:27:18

我不是故意重複任何事情，但我已經制作了一個展示正在發生的事情的演示。

http://gist.github.com/210327

只是運行，編輯你的願望，並點擊「輸出格式的內容」語句收到警報消息在CONTENTEDITABLE元素的實際HTML格式的內容的輸出。至於添加格式等，您需要製作按鈕來調用任何突出顯示的文本修改功能。是的，那部分會很有趣。

儘管如此，我希望這有助於。

來源

2009-10-14 19:15:23 slant

+ +1努力，但這不是我所需要的......因爲我認爲我所需要的是不可能的。 – 2009-10-15 07:28:03

Textarea contenteditable

回答

相關問題