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

编程问答 2022-05-10

问题描述

我目前正在开发一个 WYSIWYG 文本编辑器，它使用作为父节点的内容可编辑 div。为了给 div 内的文本提供对齐属性，可以附加不同种类的 p 标签，为文本提供多种样式，正如您在我在 CodePen

中设置的这个示例中看到的

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 标记中，因为当新元素被附加时，文本插入符要么消失，要么保留在最后一个元素中。

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

caretcontenteditablejavascripttexttext-editor