slatejs - 如何在 Slate JS 中的 Transforms.insertNodes() 之后设置选择

Question

我正在尝试在当前选择的正下方添加一个新行，然后将选择放到新行中。

let current_path = props.selection.anchor.path[0]
Transforms.insertNodes(editor, {type:'line', children:[{ text:'' }]},{at: [current_path+1]});
const point = { anchor: { path: [current_path+1, 0], offset: 0 }, focus: { path: [current_path+1, 0], offset: 0 }}
// set focus
ReactEditor.focus(editor);
// set selection
Transforms.select(editor, point);

但这出现了一个错误:错误:无法从 Slate 节点解析 DOM 节点:{"text":""}。有谁知道如何解决它或有其他方法来实现它？谢谢!

Answer 1

我偶然发现了这个问题并找到了答案。您需要保存 selection ，然后使用 Transform.select恢复它。
例如

import { Transforms } from "slate";


// clone to store selection
const previousSelection = Object.assign({}, editor.selection);

// restore selection
Transform.select(editor, previousSelection)