1.分析造成此次的原因是光标并没有定位到编辑器真正的最内层样式里面
2.所以这时候找到最内层样式,给他加上一个id="joinf-focus-flag"
3.然后在编辑器初始化完成时候找到这个id,然后把光标定位到这个id里面,多次enter的时候才不会导致样式消失
let newRange = this.editor.createRange()
let timer = setInterval(()=>{
const el = this.editor.document.findOne(`[id=joinf-focus-flag]`)
if(el){
const sel = this.editor.getSelection()
let before = el.getChildren().getItem(0)
sel.selectElement(el)
let startOffset = newRange.startOffset
newRange.setStart(before, startOffset)
newRange.setEnd(before, startOffset)
sel.selectRanges([newRange])
this.editor.focus();
clearInterval(timer)
}
},100)
ps:这里用定时器是因为我们这里是父子级嵌套,无法确定编辑器什么时候渲染完成,只能这么操作