javascript - Javascript：强制div内的输入文本在里面标签

Question

我有<div>contenteditable="true" 属性的元素，所以我需要编写用户将在单独<p>元素中插入的每个段落。

我有这个 div

<div class="internal-edit" contenteditable="true" placeholder="Add Question"></div>

当前输入写得像

<div class="internal-edit" contenteditable="true" placeholder="Add Question">
Lorem Ipsum
<div>Lorem Ipsum</div>
</div>

我需要<p>在输入上添加元素，所以最终元素应该是

<div class="internal-edit" contenteditable="true" placeholder="Add Question">
<p>Lorem Ipsum</p>
<p>Lorem Ipsum</p>
</div>

那么我该如何实现呢？

标签： javascripthtml

Answer 1

也许是这样的？这过于简化了，但应该让您朝着正确的方向前进。您需要做的就是通过获取内容并将其添加到其中来操作 div 的内容。

var internalEdit = document.getElementsByClassName("internal-edit");
internalEdit.html("<p>" + "Users text here" + "</p>");