如何在羽毛笔编辑器中启用功能粘贴表

【问题标题】：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);
});

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

【讨论】：