ΠΡΠΈΠ²Π΅Ρ
Π― ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΡ ace 1.1.5 ΠΈ ΠΏΡΠΎΠ±Π»Π΅ΠΌΡ Ρ ΡΡΡΠ°Π½ΠΎΠ²ΠΊΠΎΠΉ ΠΌΠ°ΡΠΊΠ΅ΡΠΎΠ²
Ρ Ρ ΠΎΡΡ Π²ΡΠ΄Π΅Π»ΠΈΡΡ Π½Π΅ΡΠΊΠΎΠ»ΡΠΊΠΎ ΡΡΡΠΎΠΊ. Π΄Π»Ρ ΡΡΠΎΠ³ΠΎ Ρ Π΄ΠΎΠ±Π°Π²Π»ΡΡ ΠΌΠ°ΡΠΊΠ΅ΡΡ ΡΠΎ ΡΠ»Π΅Π΄ΡΡΡΠΈΠΌ ΠΊΠΎΠ΄ΠΎΠΌ
var range = new Range(4, 1, 8, 1);
var marker = $scope.editor.getSession().addMarker(range, "ace-related-code-highlight", "line");
ΠΌΠΎΠΉ ΡΡΠΈΠ»Ρ:
.ace-related-code-highlight {
background-color: yellow;
}
ΠΠΎ ΡΡΠ· ΠΏΠΎΠ΄ΡΠ²Π΅ΡΠΈΠ²Π°Π΅Ρ ΠΏΠ΅ΡΠ²ΡΠ΅ ΡΡΡΠΎΠΊΠΈ s. ace1.png. Π΅ΡΠ»ΠΈ ΡΠ½ΠΎΠ²Π° Π·Π°ΠΏΡΡΡΠΈΡΡ ΡΠΎΡ ΠΆΠ΅ ΡΠ°ΠΌΡΠΉ ΠΊΠΎΠ΄ Ρ ΡΠ΅ΠΌ ΠΆΠ΅ Π΄ΠΈΠ°ΠΏΠ°Π·ΠΎΠ½ΠΎΠΌ, ΠΎΠ½ Π²ΡΠ΄Π΅Π»ΡΠ΅Ρ ΡΠ»Π΅Π΄ΡΡΡΠΈΠ΅ ΡΡΡΠΎΠΊΠΈ s. ace2.png
Π― ΠΎΠ±Π½Π°ΡΡΠΆΠΈΠ», ΡΡΠΎ ΠΎΠ½ Π²ΡΠ΅Π³Π΄Π° ΡΠ²Π°ΠΆΠ°Π΅Ρ Π²Π΅ΡΡ
Π½ΡΡ ΡΠ°ΡΡΡ Π΄ΠΈΠ°ΠΏΠ°Π·ΠΎΠ½Π°, Π½ΠΎ Π½Π°ΡΠΈΠ½Π°Π΅Ρ Ρ Π²Π΅ΡΡΠΈΠ½Ρ. Π² ΠΏΡΠΈΠ²Π΅Π΄Π΅Π½Π½ΠΎΠΌ Π²ΡΡΠ΅ ΠΏΡΠΈΠΌΠ΅ΡΠ΅ ΠΎΠ½ Π²ΡΠ΄Π΅Π»ΡΠ΅Ρ ΡΡΡΠΎΠΊΠΈ 1-5. Π²ΡΠΎΡΠΎΠΉ ΡΠ΅Π»ΡΠΎΠΊ 5-10 ΠΈ ΡΠ°ΠΊ Π΄Π°Π»Π΅Π΅.
ΠΠΎ ΠΏΡΠΈ ΠΏΡΠΎΠΊΡΡΡΠΊΠ΅ Π΄ΠΈΠ°ΠΏΠ°Π·ΠΎΠ½ ΠΏΠ΅ΡΠ΅ΠΌΠ΅ΡΠ°Π΅ΡΡΡ. ΠΈΠ½ΠΎΠ³Π΄Π° ΡΡΡΠΎΠΊΠ° 11 ΠΏΠΎΠΌΠ΅ΡΠ΅Π½Π°, Π° ΠΈΠ½ΠΎΠ³Π΄Π° ΡΡΡΠΎΠΊΠ° 10 ΠΏΠΎΠΌΠ΅ΡΠ΅Π½Π° ΡΠΎΠ»ΡΠΊΠΎ Π½Π°ΠΏΠΎΠ»ΠΎΠ²ΠΈΠ½Ρ.
Π·Π½Π°ΡΠΈΡ, Ρ ace Π΅ΡΡΡ ΠΏΡΠΎΠ±Π»Π΅ΠΌΡ Ρ ΠΏΠΎΠΈΡΠΊΠΎΠΌ Π½ΡΠΆΠ½ΠΎΠΉ Π»ΠΈΠ½ΠΈΠΈ?
Π’Π°ΠΊΠΆΠ΅, ΠΊΠΎΠ³Π΄Π° Ρ ΠΊΠΎΠ³Π΄Π°-ΡΠΎ ΠΏΡΠΎΠΊΡΡΡΠΈΠ²Π°Ρ, Ρ ΠΏΠΎΠ»ΡΡΠ°Ρ Π½Π΅ΠΊΠΎΡΠΎΡΡΠ΅ ΠΎΡΠΈΠ±ΠΊΠΈ ΡΠ΅Π½Π΄Π΅ΡΠΈΠ½Π³Π°. Π’ΠΎΠ»ΡΠΊΠΎ Π»Π΅Π²Π°Ρ ΡΠ°ΡΡΡ ΠΆΠ΅Π»ΡΠΎΠ³ΠΎ ΡΠ²Π΅ΡΠ°, Π° Π½Π΅ Π²ΡΡ ΡΡΡΠΎΠΊΠ° s.ace3.png
ΠΊΠ°ΠΊΠΈΠ΅-Π½ΠΈΠ±ΡΠ΄Ρ ΡΠΎΠ²Π΅ΡΡ ΠΎ ΡΠΎΠΌ, ΡΡΠΎ Ρ Π΄Π΅Π»Π°Ρ Π½Π΅ ΡΠ°ΠΊ?
Π΄ΠΎΠ±Π°Π²ΠΈΡΡ position:absolute;
Π² ΠΏΡΠ°Π²ΠΈΠ»ΠΎ .ace-related-code-highlight
Π‘ΠΏΠ°ΡΠΈΠ±ΠΎ Π·Π° ΠΏΠΎΠΌΠΎΡΡ. ΡΡΠΎ ΡΠ»ΡΡΡΠΈΠ»ΠΎ ΡΡΠΎ
Π½ΠΎ
ΠΊΠΎΠ³Π΄Π° ΠΏΠΎΠ·ΡΠ²Π½ΠΎΠΉ
var range = Π½ΠΎΠ²ΡΠΉ Π΄ΠΈΠ°ΠΏΠ°Π·ΠΎΠ½ (5, 0, 10, 0);
var marker = $ scope.editor.getSession (). addMarker (Π΄ΠΈΠ°ΠΏΠ°Π·ΠΎΠ½, Β«Π²ΡΠ΄Π΅Π»Π΅Π½ΠΈΠ΅ ΠΊΠΎΠ΄Π°, ΡΠ²ΡΠ·Π°Π½Π½ΠΎΠ³ΠΎ Ρ ΡΡΠ·ΠΎΠΌΒ», Β«fullLineΒ», Π»ΠΎΠΆΡ);
ΠΎΠ½ Π²ΡΠ΄Π΅Π»ΡΠ΅Ρ ΡΡΡΠΎΠΊΠΈ 6-11, Ρ Π½Π΅ ΠΏΠΎΠ½ΠΈΠΌΠ°Ρ API?
Π΄Π°, ΠΈΠ½Π΄Π΅ΠΊΡΡ ΡΡΡΠΎΠΊ Π½Π°ΡΠΈΠ½Π°ΡΡΡΡ Ρ 0.
Π΄Π° ΠΊΠΎΠ½Π΅ΡΠ½ΠΎ ΡΠΏΠ°ΡΠΈΠ±ΠΎ ΠΌΠΎΠΉ ΠΏΠ»ΠΎΡ ΠΎΠΉ
Π‘Π°ΠΌΡΠΉ ΠΏΠΎΠ»Π΅Π·Π½ΡΠΉ ΠΊΠΎΠΌΠΌΠ΅Π½ΡΠ°ΡΠΈΠΉ
Π΄ΠΎΠ±Π°Π²ΠΈΡΡ
position:absolute;
Π² ΠΏΡΠ°Π²ΠΈΠ»ΠΎ.ace-related-code-highlight