Ace Editor 选择的文本未正确突出显示

Posted

技术标签:

【中文标题】Ace Editor 选择的文本未正确突出显示【英文标题】:Ace Editor selected text not highlighting properly 【发布时间】:2017-07-17 21:04:59 【问题描述】:

我正在使用 Mono Industrial 主题在他们的 Kitchen Sink demo 中测试 Ace 编辑器,当我选择文本时,它只会突出显示我选择的行的一部分。这是显示我的意思的屏幕截图:

https://www.screencast.com/t/SnkUrwMql3J

是否有可能修复它的设置或 CSS hack?

【问题讨论】:

【参考方案1】:

我能够用这段 css 解决问题:

.ace-mono-industrial .ace_string 
  background-color: transparent !important;

【讨论】:

【参考方案2】:

这看起来像是 ace 的单一工业主题中的错误。它将背景设置为覆盖所选内容的文本。

您也许可以使用类似的 css hack

.ace_line>span 
    background-color: transparent!important;

或制作更具体的选择器以仅匹配实际定义背景颜色的类

【讨论】:

是否有可能修复它的设置或 CSS hack?

以上是关于Ace Editor 选择的文本未正确突出显示的主要内容,如果未能解决你的问题,请参考以下文章

如何使用 Ace 代码编辑器在运行时添加新的突出显示规则?

如何在 ACE 编辑器中突出显示某行?

在 mouseup 文本选择 + HTML5/jQuery 上覆盖突出显示的文本

ios7 datepicker当前日期未突出显示

如何在没有焦点的情况下突出显示/选择 wpf 文本框中的文本?

Rmarkdown 文本突出显示未显示在 PDF 输出中