Javascript 内容可编辑将焦点移动到行中的位置

你好，我正在构建一个基于块的richtext编辑器，发现使用多个contenteditable块会破坏从一行的中心向上移动到上面一行的中心的能力

正常行为是焦点移动到当前内容可编辑字段的开头 从这里开始

<div contenteditable>this is a text<div>
<div contenteditable>this is a| text<div>

<div contenteditable>this is a text<div>
<div contenteditable>this is a| text<div>

到

谢谢你的时间

p.S.概念编辑器也使用多个contenteditable字段

<div contenteditable>this is a text<div>
<div contenteditable>this is a| text<div>

<div contenteditable>this is a text|<div>
<div contenteditable>this is a text<div>

this is a text
this is the second line of block one

this is a| text
this is the second line of block two

this is a text
this is t|he second line of block one

this is a text
this is the second line of block two