在ACE编辑器中更改行高？

Question

如何更改ace编辑器的行高？

有没有API可以做到这一点？同时增加线高也应该增加阴沟高度和光标高度，但是从他们的文档来看似乎没有。

虽然我写的没有运气，

CREATE VIEW vwTopStackedItems
AS
SELECT COUNT(INVENTORY.itemID) as Stacks, (ITEM.itemID), CHARACTERS.charName      
INTO #Table1
FROM INVENTORY
INNER JOIN ITEM
ON INVENTORY.itemID = ITEM.itemID
JOIN CHARACTERS
ON INVENTORY.charID = CHARACTERS.charID
WHERE INVENTORY.quantity>1
GROUP BY CHARACTERS.charName, ITEM.itemID 


SELECT [ITEMID], 
   LEFT(column_names , LEN(column_names )-1) AS column_names, 
   SUM([Stacks]) total_stacks
FROM #Table1 AS extern
CROSS APPLY
(
SELECT [charName] + ','
   FROM #Table1 intern
    WHERE intern.[ITEMID] = extern.[ITEMID]
FOR XML PATH('')
) pre_trimmed (column_names)
GROUP BY [ITEMID], column_names;
GO

我做了一些CSS黑客攻击，但它又破坏了编辑器布局

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

Answer 1

您可以使用

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

类似于fontSize选项https://github.com/ajaxorg/ace/blob/v1.2.3/lib/ace/virtual_renderer.js#L1703-L1710

Answer 2

您只需更改自动填充弹出容器的css中的line-height属性即可。

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

上面的代码会使下拉选项的高度为36px。

Answer 3

更改字体大小将改变包括光标和装订线的行高。

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

Answer 4

如果您要为应用中的每个fontSize实例全局设置ace-editor，则可以使用

    ace.config.set('basePath', 'https://cdnjs.cloudflare.com/ajax/libs/ace/1.4.9/');
    ace.config.set('fontSize', '25px');
    var htmlEditor = ace.edit("html-editor");