quil js羊皮纸错误

Question

我在 quill 中尝试使用公式模块时遇到错误。

错误是：

"[Parchment] Unable to create formula blot"

遵循 chrome 网络开发工具中的错误消息导致 registry.ts (webpack:///./~/parchment/src/registry.ts)

中的以下行

function create(input, value) {
    var match = query(input);
    if (match == null) {
        throw new ParchmentError("Unable to create " + input + " blot");
    }
    var BlotClass = match;
    var node = input instanceof Node ? input : BlotClass.create(value);
    return new BlotClass(node, value);
}

当我尝试插入公式时出现这种情况。

当我使用 quill-rails5 但不使用 gem 时会发生这种情况。我删除了 gem 以简化问题。这是我的代码：

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

我的编辑器容器

  <div id="editor">
      <%= raw sanitize @post.description, tags: %w(strong em div a p br ul ol li), attributes: %w(href) %>
  </div>

Answer 1

您是否按照 docs 中的说明包括了 katex.js 和 katex.css？

工作 example:

<!-- Include KaTeX stylesheet -->
<link href="katex.css" rel="stylesheet">

<!-- Include KaTeX library -->
<script href="katex.js" type="text/javascript"></script>

<script type="text/javascript">
var quill = new Quill('#editor', {
  modules: {
    formula: true,          // Include formula module
    toolbar: [['formula']]  // Include button in toolbar
  },
  theme: 'snow'
});
</script>

quil js羊皮纸错误

quil js parchment error

ruby-on-rails

ruby-on-rails-5

quill

parchment