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

标签 javascript jquery codemirror

是否可以在 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"用户写入内容
  2. doc.getCursor
  3. doc.getLineHandle(from 光标位置)//获取行字符串
  4. 读取行字符串并构建自定义自动完成下拉列表
  5. 将下拉菜单绘制到光标位置

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

关于javascript - Codemirror如何制作自定义自动完成下拉菜单,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35767042/

相关文章:

jquery - 文件生成的 throbber

javascript - 带有 Markdown 的标题的代码镜像和可变高度

javascript - codemirror 获取当前图表位置

javascript - 具有特殊字符的 InnerHTML 正在 trim 数据

javascript - 单击时获取任何元素 tagName

javascript - JavaScript 中的 mouseout 终止函数

jquery - Multiscroll.js——是否可以使用 CSS3 动画在 View 中进行动画处理?

javascript - 在 Codemirror 中获取选定范围

javascript - 按子值搜索 Cloud Firestore

javascript - Chrome 扩展 : Redirect at specific time