Ace: рдРрд╕ рдорд╛рд░реНрдХрд░ рдЧрд▓рдд рд╕реНрдерд┐рддрд┐ рдореЗрдВ

рдХреЛ рдирд┐рд░реНрдорд┐рдд 5 рд╕рд┐рддре░ 2014  ┬╖  4рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ  ┬╖  рд╕реНрд░реЛрдд: ajaxorg/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;
}

рд▓реЗрдХрд┐рди рдЗрдХреНрдХрд╛ рдкрд╣рд▓реА рдкрдВрдХреНрддрд┐рдпреЛрдВ рдХреЛ рд╣рд╛рдЗрд▓рд╛рдЗрдЯ рдХрд░рддрд╛ рд╣реИред ace1.png рдпрджрд┐ рдлрд┐рд░ рд╕реЗ рдЙрд╕реА рд╢реНрд░реЗрдгреА рдХреЗ рд╕рд╛рде рдареАрдХ рдЙрд╕реА рдХреЛрдб рдХреЛ рдЯреНрд░рд┐рдЧрд░ рдХрд░рддрд╛ рд╣реИ рддреЛ рдпрд╣ рдЕрдЧрд▓реА рдкрдВрдХреНрддрд┐рдпреЛрдВ рдХреЛ рд╣рд╛рдЗрд▓рд╛рдЗрдЯ рдХрд░рддрд╛ рд╣реИред ace2.png

рдореБрдЭреЗ рдкрддрд╛ рдЪрд▓рд╛ рдХрд┐ рд╡рд╣ рд╣рдореЗрд╢рд╛ рд░реЗрдВрдЬ рдХреЗ рд╣рд╛рдИрдЧреЗрдЯ рдХрд╛ рд╕рдореНрдорд╛рди рдХрд░рддрд╛ рд╣реИ рд▓реЗрдХрд┐рди рд╢реБрд░реБрдЖрдд рдКрдкрд░ рд╕реЗ рдХрд░рддрд╛ рд╣реИред рдКрдкрд░ рджрд┐рдП рдЧрдП рдЙрджрд╛рд╣рд░рдг рдореЗрдВ рд╡рд╣ 1-5 рдкрдВрдХреНрддрд┐рдпреЛрдВ рдкрд░ рдкреНрд░рдХрд╛рд╢ рдбрд╛рд▓рддрд╛ рд╣реИред рджреВрд╕рд░рд╛ рдХреНрд▓рд┐рдХ рел- резреж рдФрд░ рдЗрд╕реА рддрд░рд╣ред
рд▓реЗрдХрд┐рди рд╕реНрдХреНрд░реЙрд▓ рдХрд░рдиреЗ рдкрд░ рд░реЗрдВрдЬ рдЪрд▓рддреА рд╣реИред рдХрднреА-рдХрднреА рдкрдВрдХреНрддрд┐ 11 рдЕрдВрдХрд┐рдд рд╣реЛрддреА рд╣реИ рдФрд░ рдХрднреА-рдХрднреА рдкрдВрдХреНрддрд┐ 10 рдХреЗрд╡рд▓ рдЕрд░реНрдз-рдЪрд┐рд╣реНрдирд┐рдд рд╣реЛрддреА рд╣реИред
рддреЛ рдРрд╕рд╛ рд▓рдЧрддрд╛ рд╣реИ рдХрд┐ рдЗрдХреНрдХрд╛ рдХреЛ рд╕рд╣реА рд░реЗрдЦрд╛ рдЦреЛрдЬрдиреЗ рдореЗрдВ рдХреБрдЫ рд╕рдорд╕реНрдпрд╛рдПрдБ рд╣реИрдВ?

рд╕рд╛рде рд╣реА рдЬрдм рдореИрдВ рд╕реНрдХреНрд░реЙрд▓ рдХрд░рддрд╛ рд╣реВрдВ рддреЛ рдореБрдЭреЗ рдХреБрдЫ рдкреНрд░рддрд┐рдкрд╛рджрди рддреНрд░реБрдЯрд┐рдпрд╛рдВ рдорд┐рд▓рддреА рд╣реИрдВред рдХреЗрд╡рд▓ рдмрд╛рдпрд╛рдВ рд╣рд┐рд╕реНрд╕рд╛ рдкреАрд▓рд╛ рд╣реИ рдкреВрд░реА рд▓рд╛рдЗрди рдирд╣реАрдВ s.ace3.png

рдореИрдВ рдХреНрдпрд╛ рдЧрд▓рдд рдХрд░ рд░рд╣рд╛ рд╣реВрдБ рдХреА рдХреЛрдИ рд╕рд▓рд╛рд╣?

рд╕рдмрд╕реЗ рдЙрдкрдпреЛрдЧреА рдЯрд┐рдкреНрдкрдгреА

position:absolute; рдХреЛ .ace-related-code-highlight рдирд┐рдпрдо рдореЗрдВ рдЬреЛрдбрд╝реЗрдВ

рд╕рднреА 4 рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ

position:absolute; рдХреЛ .ace-related-code-highlight рдирд┐рдпрдо рдореЗрдВ рдЬреЛрдбрд╝реЗрдВ

рдорджрдж рдХреЗ рд▓рд┐рдП Thxред рдЗрд╕рд╕реЗ рдЗрд╕рдореЗрдВ рд╕реБрдзрд╛рд░ рд╣реБрдЖ

рд▓реЗрдХрд┐рди

рдЬрдм рдХреЙрд▓рд┐рдЧреНрди

рд╡рд░ рд░реЗрдВрдЬ = рдирдИ рд░реЗрдВрдЬ (5, 0, 10, 0);
рд╡рд░ рдорд╛рд░реНрдХрд░ = $scope.editor.getSession().addMarker(рд╢реНрд░реЗрдгреА, "рдРрд╕-рд╕рдВрдмрдВрдзрд┐рдд-рдХреЛрдб-рд╣рд╛рдЗрд▓рд╛рдЗрдЯ", "рдлреБрд▓рд▓рд╛рдЗрди", рдЭреВрдард╛);

рдпрд╣ 6-11 рд▓рд╛рдЗрдиреЛрдВ рдХреЛ рд╣рд╛рдЗрд▓рд╛рдЗрдЯ рдХрд░рддрд╛ рд╣реИ рдХреНрдпрд╛ рдореИрдВ рдПрдкреАрдЖрдИ рдХреЛ рдЧрд▓рдд рд╕рдордЭрддрд╛ рд╣реВрдВ?

рд╣рд╛рдВ, рд▓рд╛рдЗрди рдЗрдВрдбреЗрдХреНрд╕ 0 рд╕реЗ рд╢реБрд░реВ рд╣реЛрддреЗ рд╣реИрдВред

рд╣рд╛рдБ рдЬрд╝рд░реВрд░, thx рдореЗрд░рд╛ рдмреБрд░рд╛

рдХреНрдпрд╛ рдпрд╣ рдкреГрд╖реНрда рдЙрдкрдпреЛрдЧреА рдерд╛?
0 / 5 - 0 рд░реЗрдЯрд┐рдВрдЧреНрд╕

рд╕рдВрдмрдВрдзрд┐рдд рдореБрджреНрджреЛрдВ

velara3 picture velara3  ┬╖  5рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ

gsf picture gsf  ┬╖  6рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ

RickStrahl picture RickStrahl  ┬╖  5рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ

mafar picture mafar  ┬╖  4рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ

SuperSajuuk picture SuperSajuuk  ┬╖  4рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ