CodeMirror自定义showHint()调用不起作用

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了CodeMirror自定义showHint()调用不起作用相关的知识,希望对你有一定的参考价值。

试图为拼写检查模块实现自定义showHint调用。我跟着docs但是调用editor.showHint似乎什么也没做,并返回undefined

我想有一些我不知道的东西。这是我要测试的沙盒代码:

editor.on('cursorActivity', function() {
    var options = {
    from: editor.getDoc().getCursor(),
    to: editor.getDoc().getCursor(),
    list: ['foo', 'bar', 'baz']
  };
  editor.showHint(options);
});

http://jsfiddle.net/3wvcudqt/3/

答案

好的,根据文档找出我的问题:

查找提示是通过提示函数(提示选项)完成的,提取函数是一个带有编辑器实例和选项对象的函数,并返回{list,from,to}对象

他们必须从传递给fromto函数返回,而不是将listshowHint(options)hint传递给showHint

http://jsfiddle.net/3wvcudqt/4/

editor.on('cursorActivity', function() {
  var options = {
    hint: function() {
      return {
        from: editor.getDoc().getCursor(),
          to: editor.getDoc().getCursor(),
        list: ['foo', 'bar']
      }
    }
  };
  editor.showHint(options);
});

以上是关于CodeMirror自定义showHint()调用不起作用的主要内容,如果未能解决你的问题,请参考以下文章

自定义Typora代码块样式

自定义Typora代码块样式

vuecodemirror显示行数

codemirror angularjs 多文件自适应高亮编辑

在codemirror textarea中下载文本[重复]

从 Jquery Ajax 调用中设置 CodeMirror 文本区域的值