Javascript 在可编辑内容元素内的html元素之间移动文本插入符号_Javascript_Text_Contenteditable_Text Editor_Caret

Javascript 在可编辑内容元素内的html元素之间移动文本插入符号

javascript text

Javascript 在可编辑内容元素内的html元素之间移动文本插入符号,javascript,text,contenteditable,text-editor,caret,Javascript,Text,Contenteditable,Text Editor,Caret,我目前正在开发一个所见即所得的文本编辑器，它使用一个内容可编辑的div作为父节点。为了给div中的文本提供对齐属性，可以添加不同类型的p标记，为文本提供多种样式，正如我在中设置的示例中所示 html结构如下所示： <div id="content" class='print-content' media = "print" contenteditable="true"> <div id="page

我目前正在开发一个所见即所得的文本编辑器，它使用一个内容可编辑的div作为父节点。为了给div中的文本提供对齐属性，可以添加不同类型的p标记，为文本提供多种样式，正如我在中设置的示例中所示

html结构如下所示：

    <div id="content" class='print-content' media = "print" contenteditable="true">
  <div id="page">
    <p class="text" id='0' tabindex="0" data-placeholder='text' display='block' onclick="currentElemIndex(' + id + ')" ></p>
  </div>
</div>

我想知道的是，是否有一种方法可以自动将文本插入符号放置在新附加的p标记中，因为当新元素被附加时，文本插入符号要么消失，要么停留在最后一个元素中