【问题标题】:How to enable functionality paste table in quill editor如何在羽毛笔编辑器中启用功能粘贴表
【发布时间】:2020-01-07 12:14:18
【问题描述】:

我们正在尝试启用在羽毛笔编辑器中粘贴表格的功能,但它不起作用。

var quill = new Quill('#editor-container', {
      modules: {
        table: true,
        toolbar: [
          [{ header: [1, 2, false] }],
          ['bold', 'italic', 'underline'],
          ['image', 'code-block']
        ]
      },
      placeholder: 'Compose an epic...',
      theme: 'snow'  // or 'bubble'
    })

;

【问题讨论】:

    标签: javascript editor quill


    【解决方案1】:

    在 QuillJS 的文档中,它声明“注意:选择这个特定示例是为了展示什么是可能的。使用现有模块公开的 API 或配置通常更容易。在这个示例中,现有剪贴板的 addMatcher API 是适用于大多数粘贴定制场景。” (https://quilljs.com/docs/modules/)

    意思是你可以捕捉到从剪贴板粘贴的文本,例如:

    quill.clipboard.addMatcher(Node.TEXT_NODE, function(node, delta) {
      return new Delta().insert(node.data);
    });
    

    然后,您可以适当地处理事件数据并返回,但您希望数据被格式化。在您的情况下,您可以检查变量是否看起来像一个表格,并根据解析的数据正确插入一个表格。

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2018-08-22
      • 2020-12-30
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2017-08-05
      • 1970-01-01
      相关资源
      最近更新 更多