Question

我正在开发需要运行多个ace编辑器实例的项目，所有这些实例都启用了自动完成功能

我想增加一个特定的建议窗口的宽度。使用以下类更改宽度有效，但它适用于我不需要的所有错误实例。

div.ace_editor.ace_autocomplete {
   width: 40%
}

有没有办法可以专门针对一个特定的ace编辑器实例？

Answer 1

每个编辑器的自动完成程序没有任何特定的类，因此您需要通过javascript修改它们，添加类或样式

if (!editor.completer) {
   // make sure completer is initialized
   editor.execCommand("startAutocomplete")
   editor.completer.detach()
}
editor.completer.popup.container.style.width="40%"
editor.completer.popup.container.classList.add("foo")

Answer 2

您甚至可以使用resize（）来更改特定编辑器实例的宽度：

var popup = editor.completer.popup; 
popup.container.style.width="100px"; 
popup.resize();

如何在Ace编辑器中调整自动建议菜单宽度

2 个答案: