์๋ ํ์ธ์
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;
}
๊ทธ๋ฌ๋ ace๋ ์ฒซ ๋ฒ์งธ ํ s๋ฅผ ๊ฐ์กฐ ํ์ํฉ๋๋ค. ์์ด์ค1.png. ๋์ผํ ๋ฒ์์ ๋๊ฐ์ ์ฝ๋๋ฅผ ๋ค์ ํธ๋ฆฌ๊ฑฐํ๋ฉด ๋ค์ ํ์ด ๊ฐ์กฐ ํ์๋ฉ๋๋ค. ์์ด์ค2.png
๋๋ ๊ทธ๊ฐ ํญ์ ๋ฒ์์ highgt๋ฅผ ์กด์คํ์ง๋ง ์ ์์์ ์์ํ๋ค๋ ๊ฒ์ ์์์ต๋๋ค. ์์ ์์์ ๊ทธ๋ 1-5ํ์ ๊ฐ์กฐ ํ์ํฉ๋๋ค. ๋ ๋ฒ์งธ ํด๋ฆญ 5-10 ๋ฑ.
๊ทธ๋ฌ๋ ์คํฌ๋กคํ๋ฉด ๋ฒ์๊ฐ ์ด๋ํฉ๋๋ค. ๋๋ก๋ 11ํ์ด ํ์๋๊ณ ๋๋ก๋ 10ํ์ด ์ ๋ฐ๋ง ํ์๋ฉ๋๋ค.
์์ด์ค๊ฐ ์ฌ๋ฐ๋ฅธ ์ ์ ์ฐพ๋ ๋ฐ ๋ฌธ์ ๊ฐ ์๋ ๊ฒ ๊ฐ์ต๋๊น?
๋ํ ์ธ์ ๊ฐ ์คํฌ๋กคํ ๋ ๋ ๋๋ง ์ค๋ฅ๊ฐ ๋ฐ์ํฉ๋๋ค. ์ ์ฒด ๋ผ์ธ์ด ์๋๋ผ ์ผ์ชฝ ๋ถ๋ถ๋ง ๋ ธ๋์์ ๋๋ค s.ace3.png
๋ด๊ฐ ๋ญ ์๋ชปํ๊ณ ์๋์ง์ ๋ํ ์กฐ์ธ์ด ์์ต๋๊น?
position:absolute;
๋ฅผ .ace-related-code-highlight
๊ท์น์ ์ถ๊ฐ
๋์์ ์์ฒญํฉ๋๋ค. ๊ทธ๊ฒ์ ๊ฐ์ ํ๋ค
ํ์ง๋ง
ํธ์ถํ ๋
var ๋ฒ์ = ์๋ก์ด ๋ฒ์(5, 0, 10, 0);
var marker = $scope.editor.getSession().addMarker(range, "ace-related-code-highlight", "fullLine", false);
๊ทธ๊ฒ์ 6-11 ํ์ ๊ฐ์กฐ ํ์ํฉ๋๋ค. API๋ฅผ ์๋ชป ์ดํดํฉ๋๊น?
์, ๋ผ์ธ ์ธ๋ฑ์ค๋ 0์์ ์์ํฉ๋๋ค.
๊ทธ๋, ๋ด ๋์ thx
๊ฐ์ฅ ์ ์ฉํ ๋๊ธ
position:absolute;
๋ฅผ.ace-related-code-highlight
๊ท์น์ ์ถ๊ฐ