获取 contenteditable div 的最后一个焦点元素

Question

我正在使用 Medium editor 富文本编辑器库，它设置了父 div 的 contenteditable='true'。我遇到的问题是，我无法在此编辑器中获取最后一个焦点元素。

实际上，我在这个编辑器之外有一个按钮。当我单击该按钮时，我必须传递我在中型编辑器中的最后一个焦点子 DOM 节点的引用。我尝试了中型编辑器文档中提供的一些功能，但这对我不起作用。

我的 DOM 中有如下元素：

<div class="story-content medium-editor-element" contenteditable="true" spellcheck="true" data-medium-editor-element="true" role="textbox" aria-multiline="true" data-medium-editor-editor-index="1" medium-editor-index="13e73c5b-f038-619c-7913-8a15d4f5c7e6" data-medium-focused="true">
    <p class="empty" data-placeholder="Your story...">1</p>
    <p class="empty" data-placeholder="Your story...">2</p>
    <p class="empty" data-placeholder="Your story...">3</p>
    <p class="empty" data-placeholder="Your story...">4</p>
</div>

我必须使用 innerHTML=4 传递 p 元素的引用，因为这是我关注的最后一个子元素，然后我点击了按钮。

有人可以帮忙吗？

谢谢。

Answer 1

我可以通过editor.getSelectedParentElement();方法得到它。

我们可以在编辑器的change事件中使用这个方法。