ACEエディタで行の高さを変更しますか？

Question

エースエディタの行の高さをどのように変更しますか？

それを行うための任意のAPIはありますか？また、行の高さを増やすと、溝の高さとカーソルの高さも増えるはずですが、ドキュメントからは見逃しているようです。

私は運でこれを書いたけれども、

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

は、私はいくつかのCSSハックをしましたが、やはりそれは、フォントサイズを含む行の高さを変更します変更エディタのレイアウト

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

Answer 1

あなたはのfontSizeオプションは、あなたが単にオートコンプリートのポップアップコンテナのCSSでline-heightプロパティを変更することができますhttps://github.com/ajaxorg/ace/blob/v1.2.3/lib/ace/virtual_renderer.js#L1703-L1710

Answer 2

を破りますカーソルとガター。

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

Answer 3

を何に似

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

を使用することができます。

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

上記のコードでは、ドロップダウンオプションの高さが36pxになります。