React编辑器标记，突出显示整行，甚至是为限制列而定义的startCol和endCol
提问于 2018-09-30 18:21:37
我使用以下代码显示Ace编辑器并突出显示文本范围。
联署材料：
let markers = [];
markers.push({startRow: 6, startCol: 5, endRow: 7, endCol: 6, className: 'replacement_marker', type: 'text' });反应()：
return (
<div>
<AceEditor
mode="java"
theme="github"
name="UNIQUE_ID_OF_DIV"
value={this.state.value}
markers={markers}
/>
</div>
);CSS：
.replacement_marker {
position: absolute;
background-color: #FFFF00;
}使用此代码，编辑器高亮显示整个第6行和第7行，而不将突出显示限制在第5-6列上。
怎样才能正确地高亮显示一行的一部分而不突出整条线呢？
回答 1
Stack Overflow用户
回答已采纳
发布于 2018-09-30 21:01:12
在我的例子中，这是由于一个糟糕的定制CSS覆盖了标记层的左和宽值。
.ace_marker-layer {
> div:not(.ace_selection){
width: 100% !important;
border-radius: unset !important;
left: 0 !important;
}
}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/52583865
复制相关文章
点击加载更多
腾讯云开发者
