如何將格式應用於textarea中的文本或者允許格式化的textarea的替代方法？

我正在製作HTML5遊戲，並且現在有一個聊天室正在使用HTML5中的textarea元素。如果我可以在聊天中選擇性地對某些行進行顏色/粗體/斜體，那將會非常好。如何將格式應用於textarea中的文本或者允許格式化的textarea的替代方法？

我四處張望，我不確定是否可以完成。首先，它可以使用最新的網絡技術在本地完成嗎？如果沒有，那麼在Firefox/Opera/Safari/Chrome上運行的textarea有哪些好的和簡單的替代方案，並提供與textarea類似的功能？

謝謝！

首先，'textarea'的內容元素不能被格式化：它總是純文本。其次，你是在嘗試格式化一個輸入字段，還是你在談論格式化輸出（即「聊天」文本）？ – Flambino

聊天的文字。 –

在這種情況下，您可以將文本包裹在幾乎任何類型的html元素中，並使用CSS和JavaScript進行格式化。由於聊天是消息的有序列表（語義上講），因此我可能會將該聊天視爲具有li的消息「ol」。你如何做到這一點取決於你;它完全是開放式的。 – Flambino

您可以創建一個div並使其內容編輯（這裏有一個演示http://html5demos.com/contenteditable）

<div contenteditable="true"> </div>

然後您就可以通過的onkeyup JavaScript事件顏色代碼的某些東西

2012-06-09 19:34:47

回答