ACE 편집기에서 줄 높이를 변경 하시겠습니까?

Question

에이스 편집기의 줄 높이는 어떻게 변경합니까?

그렇게 할 수있는 API가 있습니까? 또한 선 높이를 높이면 도랑 높이와 커서 높이도 증가해야하지만, 문서에서 빠진 것처럼 보입니다.

내가 행운으로 쓴 있지만은,

editor.setOptions({ 
    lineHeight: "40px" 
}); 

나는,하지만 다시는 포함 행 높이 변경됩니다 글꼴 크기를 변경 에디터 레이아웃

div.ace_gutter-cell, div.ace_line { 
    padding-top: 10px; 
    padding-bottom: 10px; 
    height: 20px !important; 
    /* border: 1px solid #ccc; */ 
} 

Answer 1

당신은 fontSize는 옵션이 https://github.com/ajaxorg/ace/blob/v1.2.3/lib/ace/virtual_renderer.js#L1703-L1710

Answer 2

일부 CSS 해킹을 나누기 않았다 커서와 거터.

editor.setOptions({ 
     fontSize: "20px"  
    }); 

Answer 3

을 무엇을 당신은 단순히 자동 완성 팝업 컨테이너 CSS에서 line-height 속성을 변경할 수 있습니다에

editor.container.style.lineHeight = 2 
editor.renderer.updateFontSize() 

비슷한 사용할 수 있습니다.

.ace_editor.ace_autocomplete { 
    line-height: 36px; 
} 

위의 코드는 드롭 다운 옵션의 높이가 36px가되도록합니다.