如何使textarea内容成为样式或设置像textarea行为的div行为？

Question

我想基于jQuery创建一个非常简单的html编辑器（不是WYSIWYG）。

我的问题是如何让textarea或div成为

• 在上面写一些文字
• 然后样式，即标签（<strong>some stuff</strong>将<strong>颜色更改为蓝色，例如）

我不问如何使用正则表达式以及如何操作DOM以后因为它是我自己要解决的问题：D只是如何为它制作“playgroud”;）

当我使用textarea它是嗯（不可能？）来设置内部的东西，但也当我使用div ...嗯我可以写div：D那么我怎么能在div上链接textarea行为？

编辑以下是类似的内容：http://codemirror.net/mode/xml/index.html

Answer 1

快速查看fiddle，了解如何做到这一点。

$('#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;}