0

我正在使用一组父 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>

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

任何人都可以帮忙吗?

谢谢。

4

1 回答 1

0

我能够通过editor.getSelectedParentElement();方法得到它。

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

于 2021-05-19T11:02:27.013 回答