代码镜像如何创建自定义自动完成下拉列表

Codemirror how to make custom autocomplete dropdown

本文关键字:自定义 下拉列表 创建 镜像 何创建 代码      更新时间:2023-09-26

是否可以在代码镜像中使用自定义自动完成下拉列表?我想要实现的是显示一些不可选择的项目。例如,当我单击"ctrl-space"时,我在下拉列表中得到建议列表,但顶部很少是可单击的,而其他一些只是不可单击的类型建议。

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

尝试在此演示中键入"ty"并按 ctrl+空格键您应该会看到一个自动完成下拉列表。https://codemirror.net/demo/complete.html

当您仔细查看此文件时,您应该能够执行类似操作,这肯定是最好的方法。https://codemirror.net/addon/hint/show-hint.js

我首先想到的是这样的:

  1. Codemirror.on('change' ...//(origin == "+input" 用户写一些东西
  2. doc.getCursor
  3. doc.getLineHandle( 从光标位置)//获取行字符串
  4. 读取行字符串并构建自定义自动完成下拉列表
  5. 将下拉列表绘制到光标光标位置

你应该在codemirror .net>编程API上找到所有函数