我想在文本区域中显示html代码,是否可能使用javascript或jquery在
您不能将div放入textarea中,但有时您需要这样做。好消息是,您可以通过使用元素的contenteditable属性以其他方式实现。比如
<div contenteditable="true" style="min-height:50px; width:300px;" id="txtDiv">
</div>
这个
您无法在文本区域内放置HTML元素,只能放置文本内容。
only text content
只涵盖了这一部分。 - JaredMcAteer<textarea>
元素中并像HTML一样呈现它。阿卜杜勒的答案是将html放入<div>
中并使其可编辑。问题缺乏澄清,即他们最终想要实现什么,只是询问他们所问的是否可能,而这是不可能的。 - JaredMcAteer<div contenteditable="true">
<div>inner div</div>
</div>
但是,如果您尝试动态更改此div的innerhtml,则需要记住,您将不得不自己管理插入符位置。
我在寻找另一件事的解决方案时发现了你的问题,但是...通过包装器,您可以轻松地将输入放置在文本区域上方。我不确定这是否有多大意义,但我相信它无论如何都回答了你的问题。
.wrapper {
position:relative;
width:200px;
height:50px;
}
.wrapper textarea {
position: absolute;
top:0;
left:0;
width:100%;
height:100%;
display:inline-block;
resize: none;
z-index:1;
}
.wrapper input[name="test2"] {
position:absolute;
top:0;
left:50px;
z-index:2;
}
<div class="wrapper">
<textarea name="test1">This is</textarea>
<input type="text" name="test2" placeholder="(Sparta?)">
</div>
因此,在 <textarea>
中无法使用 HTML 标签。您必须找到一种解决方法。
textarea
中放置HTML内容,但无法像容器内的元素一样显示它。 - Samich