मैं ऐस संपादक प्रदर्शित करने और टेक्स्ट रेंज को हाइलाइट करने के लिए निम्न कोड का उपयोग करता हूं।

जेएस:

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>
    );

सीएसएस:

.replacement_marker {
   position: absolute;
   background-color: #FFFF00;
}

इस कोड के साथ, संपादक कॉलम 5 - 6 तक हाइलाइट को सीमित किए बिना पूरी लाइन 6 और 7 को हाइलाइट करता है।

यहां छवि विवरण दर्ज करें पूरी लाइन को हाईलाइट किए बिना लाइन के सिर्फ एक हिस्से को हाइलाइट करने का सही तरीका क्या है?

2
Prasad 1 अक्टूबर 2018, 05:21

1 उत्तर

सबसे बढ़िया उत्तर

मेरे मामले में, यह एक खराब कस्टम CSS के कारण था जो मार्कर परत के बाएँ और चौड़ाई मानों को ओवरराइड कर रहा था।

.ace_marker-layer {
  > div:not(.ace_selection){
    width: 100% !important;
    border-radius: unset !important;
    left: 0 !important;
  }
}
2
Prasad 1 अक्टूबर 2018, 08:01