如何在不丢失文本选择的情况下创建超链接插入模式？

Question

我有一个React站点，它使用Slate-React (https://docs.slatejs.org/libraries/slate-react)来创建富文本输入字段。Slate使用浏览器的prompt()函数将超链接应用到选定的文本，但我需要能够设置提示模式的样式，所以我必须找到替代方法。但是，如果我创建了一个简单的带有输入字段的Javascript弹出窗口，那么一旦焦点应用于模式，选定的文本就会被取消选择，因此不会插入任何链接。有没有一种方法可以将焦点移到另一个元素上，同时保持原始文本的选中状态，或者有没有一个开源扩展可以用来代替prompt()？

本质上，我试图模仿Google Docs使用的插入超链接功能/样式：

​

Answer 1

您可以让此选择处于状态，并使用此选择传递一些属性以在此选择上应用链接。您可以使用Transforms.select(editor, thisSelection)，然后应用链接来完成此操作