Codemirror 如何制作自定义自动完成下拉菜单

Codemirror how to make custom autocomplete dropdown

是否可以在 codemirror 中使用自定义自动完成下拉列表? 我想要实现的是显示一些不可选择的项目。例如,当我单击 "ctrl-space" 时,我会在下拉列表中获得建议列表,但顶部的几个是可点击的,而其他一些则是不可点击的类型建议。

也许有人知道如何在 codeMirror 中实现这一点?

尝试在此演示中键入 "ty" 并按 ctrl+space 你应该会看到一个自动完成的下拉菜单。 https://codemirror.net/demo/complete.html

当你仔细查看这个文件时,你应该能够做类似的事情,这无疑是最好的方法。 https://codemirror.net/addon/hint/show-hint.js

我首先想到的是这样的:

  1. Codemirror.on('change' ... // (origin == "+input" user write something
  2. doc.getCursor
  3. doc.getLineHandle(从光标位置开始) //获取行字符串
  4. 读取行字符串并构建您的自定义自动完成下拉列表
  5. 将下拉菜单绘制到光标光标位置

您应该在 codemirror .net > 编程中找到所有函数 api