你可以在<textarea>裏面有一個html列表，它看起來像一個列表嗎？

Question

我試圖

<textarea rows="10" columns="2"><li>joe</li><li>jerry</li></textarea> 

，看看我是否可以把一個<textarea> html列表，但它只是顯示爲文本。有沒有辦法將它顯示爲textarea內的列表？

Answer 1

您不能在textarea s以內擁有HTML - 僅用於純文本。但是，您可以嘗試使用contentEditable爲此。結果不是很好，但是你是否想用它來判斷。只需使用這樣的事情：

<div class="editable" contenteditable="true"> 
    <ul> 
     <li>List item</li> 
     <li>List item</li> 
    </ul> 
</div> 

這種方法的問題是，它是很難預測什麼HTML瀏覽器會產生，而一些生成的HTML的是真正的殘暴，而且你必須消毒輸入比使用純文本多得多。另外，這個接口沒有在規範中指定，所以你將在不同的瀏覽器中處理不同的接口。

見：http://www.jsfiddle.net/yijiang/bN2tm/和http://html5demos.com/contenteditable

Answer 2

這是不可能的。

textarea用於顯示和編輯文本，而不是HTML。

Answer 3

這是不可能有渲染爲HTML一個<textarea>裏面你的HTML。

如果您希望您的用戶能夠編輯和修改列表內容，您可以嘗試使用所見即所得的HTML編輯器，如FCKEditor或TinyMCE。

如果您只是希望使用列表功能而不使用其他富文本編輯器功能，但這兩種編輯器都可以進行完全自定義修剪，這有點矯枉過正。檢查名爲「Custom Toobar」的FCKEditor demo爲例。