如何在 Ace 编辑器中为文本添加下划线并将鼠标光标更改为指针

Question

当我将鼠标悬停在 ace 编辑器中的部分代码上时，我想在其中添加下划线，甚至更多地将鼠标光标显示为指针。我尝试这样做：

editSession.addMarker(new Range(loc.start.line - 1, loc.start.column, loc.end.line - 1, loc.end.column), "ace_underline", "text")

这是行不通的。但令我困惑的是，如果我用 or 替换ace_underline（函数的第二个参数addMarker），ace_highlight-marker它ace_selection的工作原理是我想要的范围被着色。

我还尝试创建自己的 css 类，如下所示：

.myCustomMouseOverHighlight {
   text-decoration: underline;
   cursor: pointer !important;
}

然后将第二个参数替换为myCustomMouseOverHighlight，但同样无济于事。

任何指示都将受到高度赞赏。

拉杜

Answer 1

它不起作用，因为 addMarker 在文本后面添加了一个 div。尝试

.myCustomMouseOverHighlight {
   border-bottom: 1px solid red;
   position: absolute;
   cursor: pointer !important;
   pointer-events: auto;
}

.myCustomMouseOverHighlight {
   border-bottom: 1px solid red;
   position: absolute;
   cursor: pointer !important;
   pointer-events: auto;
}