Ace: ΠœΠ°Ρ€ΠΊΠ΅Ρ€ Ρ‚ΡƒΠ·Π° Π² Π½Π΅ΠΏΡ€Π°Π²ΠΈΠ»ΡŒΠ½ΠΎΠΌ ΠΏΠΎΠ»ΠΎΠΆΠ΅Π½ΠΈΠΈ

Π‘ΠΎΠ·Π΄Π°Π½Π½Ρ‹ΠΉ Π½Π° 5 сСнт. 2014  Β·  4ΠšΠΎΠΌΠΌΠ΅Π½Ρ‚Π°Ρ€ΠΈΠΈ  Β·  Π˜ΡΡ‚ΠΎΡ‡Π½ΠΈΠΊ: ajaxorg/ace

ΠŸΡ€ΠΈΠ²Π΅Ρ‚

Π― ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡŽ 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

ВсС 4 ΠšΠΎΠΌΠΌΠ΅Π½Ρ‚Π°Ρ€ΠΈΠΉ

Π΄ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ position:absolute; Π² ΠΏΡ€Π°Π²ΠΈΠ»ΠΎ .ace-related-code-highlight

Бпасибо Π·Π° ΠΏΠΎΠΌΠΎΡ‰ΡŒ. это ΡƒΠ»ΡƒΡ‡ΡˆΠΈΠ»ΠΎ это

Π½ΠΎ

ΠΊΠΎΠ³Π΄Π° ΠΏΠΎΠ·Ρ‹Π²Π½ΠΎΠΉ

var range = Π½ΠΎΠ²Ρ‹ΠΉ Π΄ΠΈΠ°ΠΏΠ°Π·ΠΎΠ½ (5, 0, 10, 0);
var marker = $ scope.editor.getSession (). addMarker (Π΄ΠΈΠ°ΠΏΠ°Π·ΠΎΠ½, Β«Π²Ρ‹Π΄Π΅Π»Π΅Π½ΠΈΠ΅ ΠΊΠΎΠ΄Π°, связанного с Ρ‚ΡƒΠ·ΠΎΠΌΒ», Β«fullLineΒ», лоТь);

ΠΎΠ½ выдСляСт строки 6-11, я Π½Π΅ понимаю API?

Π΄Π°, индСксы строк Π½Π°Ρ‡ΠΈΠ½Π°ΡŽΡ‚ΡΡ с 0.

Π΄Π° ΠΊΠΎΠ½Π΅Ρ‡Π½ΠΎ спасибо ΠΌΠΎΠΉ ΠΏΠ»ΠΎΡ…ΠΎΠΉ

Π‘Ρ‹Π»Π° Π»ΠΈ эта страница ΠΏΠΎΠ»Π΅Π·Π½ΠΎΠΉ?
0 / 5 - 0 Ρ€Π΅ΠΉΡ‚ΠΈΠ½Π³ΠΈ