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
我首先想到的是这样的:
- Codemirror.on('change' ... // (origin == "+input" user write something
- doc.getCursor
- doc.getLineHandle(从光标位置开始) //获取行字符串
- 读取行字符串并构建您的自定义自动完成下拉列表
- 将下拉菜单绘制到光标光标位置
您应该在 codemirror .net > 编程中找到所有函数 api
是否可以在 codemirror 中使用自定义自动完成下拉列表? 我想要实现的是显示一些不可选择的项目。例如,当我单击 "ctrl-space" 时,我会在下拉列表中获得建议列表,但顶部的几个是可点击的,而其他一些则是不可点击的类型建议。
也许有人知道如何在 codeMirror 中实现这一点?
尝试在此演示中键入 "ty" 并按 ctrl+space 你应该会看到一个自动完成的下拉菜单。 https://codemirror.net/demo/complete.html
当你仔细查看这个文件时,你应该能够做类似的事情,这无疑是最好的方法。 https://codemirror.net/addon/hint/show-hint.js
我首先想到的是这样的:
- Codemirror.on('change' ... // (origin == "+input" user write something
- doc.getCursor
- doc.getLineHandle(从光标位置开始) //获取行字符串
- 读取行字符串并构建您的自定义自动完成下拉列表
- 将下拉菜单绘制到光标光标位置
您应该在 codemirror .net > 编程中找到所有函数 api