javascript - 在 Quill.js 中听按键输入

标签 javascript quill

根据文档,Quill 可以处理 Enter 键,但我无法让它工作。

我遵循了他们网站上列出的这些步骤:

  1. 导入键盘模块:const Keyboard = Quill.import('modules/keyboard'); Quill.js Extension import documentation.
  2. 添加名为键绑定(bind)的自定义事件。 Quill.js Key binding documentation
  3. 调用函数来处理事件。

我的代码如下:

quill.keyboard.addBinding({ 键:Keyboard.keys.ENTER, 处理程序:函数(范围,上下文){ console.log('输入 key !!!'); result.innerText = 'Key presset = ENTER'; })

Code example

我已经在 MacOS High Sierra 10.13.3 上尝试过 Chrome(最新版本)和 Safari 11.0.3

最佳答案

以下是防止回车键将来冒泡的方法。你必须先放置你的处理程序,然后返回 true 如果你想继续冒泡。

quillEditor.keyboard.bindings[13].unshift({
        key: 13,
        handler: (range, context) => {
            if (this.popupVisible) {
                return false;
            }
            return true;
        }
    });

关于javascript - 在 Quill.js 中听按键输入,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/48775485/

相关文章:

javascript - 使用 jquery,如何使用 find() 引用 multiple= true 的选择控件的 "option"数组?

javascript - asp.net mvc core select2下拉菜单自动填充ajax调用

javascript - 如何检索 Quill 文本编辑器的内容

javascript - 替换 javascript 中重复的 html 标签

angular - Quill.register 未被识别为函数

javascript - 从浏览器的控制台触发 VueJs $watch 不起作用

javascript - 如何合并由输入的 val 获取的 2 个对象

javascript - 如何设置禁用选项以供评论者和查看者下载、打印和复制

javascript - insertEmbed quill editor时为图像添加onclick属性

reactjs - 当 onChange 被调用时,react-quill 失去焦点