描述:当我在当前光标位置将自定义链接添加到板岩编辑器中并在插入的链接后使用制表符或空格时,会引发错误。
这是我用来将自定义链接 DOM 元素添加到当前光标位置的板岩编辑器中的代码。
window.addEventListener("message", (event) => {
var linkDOMElement = document.getElementById('insertLink');
if (!linkDOMElement) {
var range;
if (event.data && (typeof event.data === 'string' || event.data instanceof String) && event.data.includes("atProspectId") && window.getSelection) {
var range = window.getSelection().getRangeAt(0);
var html = event.data;
// create a span dom element
var newElement = document.createElement('span');
newElement.id = 'insertLink';
newElement.innerHTML = html;
// insert created dom element named newElement at current cursor position
range.insertNode(newElement);
}
}
}, false);Run Code Online (Sandbox Code Playgroud)
场景:我们有一个脚本,将自定义图标附加到外展电子邮件编辑器,显然外展电子邮件编辑器使用板岩编辑器。单击此图标后,它会在新选项卡中打开我们的扩展应用程序[暂时]。如果用户单击“插入链接”按钮,则应将链接插入到当前光标位置,这将按预期发生。但是,我无法单击链接并在插入后进一步写入任何文本。如果我在链接插入后使用空格或制表符,则会出现此错误。您可以在随附的视频中清楚地看到这一点。
环境:
Slate 版本:不知道,因为这种情况发生在第三方网站操作系统:Windows 浏览器:Chrome
要查看如何引发上述错误,您可以单击以下链接并观看 43 …