从 tech.io 代码部分获取选定的文本

Question

我正在编写一个 chrome 扩展程序，我想在 tech.io 的代码部分中选取选定的文本，例如：https://prnt.sc/hhfkwuhttps://tech.io/playgrounds/347/javascript-promises-mastering-the-asynchronous/what-is-asynchronous-in-javascript

我有这个功能在任何其他网站上几乎都可以使用，但在这里无法正常工作，它返回空字符串或一些奇怪的 unicode 字符：

function getSelectedText() {
var text = "";
var activeEl = document.activeElement;
var activeElTagName = activeEl ? activeEl.tagName.toLowerCase() : null;
if (
    (activeElTagName == "textarea") || (activeElTagName == "input" &&
        /^(?:text|search|password|tel|url)$/i.test(activeEl.type)) &&
    (typeof activeEl.selectionStart == "number")
) {
    text = activeEl.value.slice(activeEl.selectionStart, activeEl.selectionEnd);
} else if (window.getSelection) {
    text = window.getSelection().toString();
}
    return text;
}

我应该如何更改它才能在 tech.io 网站上的这个特定代码部分工作？

Answer 1

问题在于 Ace 编辑器。虽然它看起来像是您在该框中选择文本，但实际上是在绘制看起来像选择的框，以便正确格式化下面的颜色。

window.getSelection 不会产生任何结果，因为实际上不存在任何选择。

您可能需要检查 document.activeElement 以查看它是否是 ace 编辑器，然后使用来自 this answer 的解决方案：

最好改用 editor.getSelectedText()。