Javascript 在文本区域内显示div

我希望在文本区域中显示html。是否可以使用javascript或jquery在

中显示包含表单元素的

。如果要显示表单字段，为什么要使用

textarea

？您可以只使用普通html。

因此，在

中不可能使用html标记。您必须找到解决方法。

您不能将div放入textarea，但有时需要这样做。好消息是，您可以通过使用元素的contenteditable属性以另一种方式执行此操作。像

 <div contenteditable="true" style="min-height:50px; width:300px;" id="txtDiv">
 </div>

---

现在，您可以像其他人一样附加child。

我在寻找完全其他问题的解决方案时发现了您的问题，但是。。。使用包装器，您可以轻松地将输入放置在文本区域上。我不确定这有多大意义，但我相信它回答了你的问题

.wrapper{
位置：相对位置；
宽度：200px；
高度：50px；
}
.包装器文本区域{
位置：绝对位置；
排名：0；
左：0；
宽度：100%；
身高：100%；
显示：内联块；
调整大小：无；
z指数：1；
}
.wrapper输入[name=“test2”]{
位置：绝对位置；
排名：0；
左：50px；
z指数：2；
}

这是

您可以通过使用具有contenteditable属性的div来实现这一点，而不是使用textarea，如下所示：

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

---

但是如果您尝试动态更改此div的innerhtml，请记住，您必须自己管理插入符号位置。

您只能将html内容放入

textarea

中，但不能将其显示为容器中的元素。您可以查看一些现有的开源所见即所得编辑器。除非你的项目是构建所见即所得，否则我强烈建议你使用这些工具，因为要完善和维护所见即所得需要做很多工作。它通常是由黑客组成的，因此跨浏览器优化是一个难题。我个人使用www.ckeditor.com。如果你必须这样做，你会考虑使textarea背景透明，并将你想要的内容绝对定位在textarea后面。你认为你为什么需要这样做，你想要实现什么？@Juicy Scripter Nice counter:-）

只有文本内容

涵盖了这一部分。部分正确，可以使用javascript/jquery。见下文@Abdul Jabbar Dumrai。简单地说，它不会被解释为html，但它仍然可以作为表单的隐藏文本区域使用。我的答案部分正确吗？问题是将HTML放入

元素中，并将其呈现为HTML。Abdul的答案是将html放在一个

文件中并使其可编辑。这个问题缺乏对他们试图最终实现什么的澄清，只是他们所问的是否可能，而事实并非如此。

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