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

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

我想增加建议窗口的宽度提出了一个特定的单独。使用下面的类更改宽度是可行的，但它适用于所有错误实例，我不需要

div.ace_editor.ace_autocomplete {
   width: 40%
}

---

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

每个编辑器的自动补全器没有任何特定的类，因此您需要通过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")

---

每个编辑器的自动补全器没有任何特定的类，所以您需要通过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")

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

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

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

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