Fatal编程技术网
  • javascript/
  • Javascript 我如何使textarea内容能够像textarea行为那样设置div行为的样式？

Javascript 我如何使textarea内容能够像textarea行为那样设置div行为的样式？

javascript jquery html css

Javascript 我如何使textarea内容能够像textarea行为那样设置div行为的样式？,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我想基于jQuery创建一个非常简单的html编辑器（不是所见即所得） 我的问题是如何使textarea或div能够 在上面写些文字 然后设置标签的样式（例如，一些东西将颜色更改为蓝色） 我不会问如何使用正则表达式以及以后如何操作DOM，因为这是我自己要解决的问题：D只是如何为它制作“playgroud；” 当我使用textarea时，嗯（不可能？）在里面设置样式，但当我使用div时。。。嗯，我可以直接写在div:D上，那么我如何在div上链接textarea行为呢 编辑这里有一个类似的例子

我想基于jQuery创建一个非常简单的html编辑器（不是所见即所得）

我的问题是如何使
textarea
或
div
能够

  • 在上面写些文字
  • 然后设置标签的样式（
    例如，一些东西将
    颜色更改为蓝色）
我不会问如何使用正则表达式以及以后如何操作DOM，因为这是我自己要解决的问题：D只是如何为它制作“playgroud；”

当我使用textarea时，嗯（不可能？）在里面设置样式，但当我使用div时。。。嗯，我可以直接写在div:D上，那么我如何在div上链接textarea行为呢

编辑这里有一个类似的例子：

看看这个快速链接，看看你是如何做到这一点的

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

   $('#preview').html(text); 
});
这是你的html

<textarea id="edit">

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

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

#preview strong{color:blue;}