如何使 textarea 內容可以設置樣式或設置 div 行為，如 textarea 行為？

Question

我想基於 jQuery 創建一個非常簡單的 html 編輯器（不是所見即所得） 。

我的問題是如何使textarea或div成為可能

• 在上面寫一些文字
• 然后為 ie 標簽設置樣式（例如<strong>some stuff</strong>將<strong>顏色更改為藍色）

我不問如何使用正則表達式以及以后如何操作 DOM，因為這是我自己要解決的問題：D 只是如何為它制作“playgroud”；）

當我使用 textarea 時，嗯（不可能？）在里面設置樣式，但當我使用 div 時……嗯，我可以在 div 上寫：D 那么如何鏈接 div 上的 textarea 行為？

編輯這里有類似的東西： http://codemirror.net/mode/xml/index.html

Answer 1

查看這個快速小提琴以展示您如何做到這一點。

$('#edit').keydown(function(){
   var text = $(this).val();

   $('#preview').html(text); 
});

這是你的 html

<textarea id="edit">

</textarea>
<div id="preview"></div>

和你的 css

#preview{ width:100%; background-color:#eee; padding:20px}

#preview strong{color:blue;}