ошибка пергамента quil js

Я получаю сообщение об ошибке при попытке использовать модуль формул в 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, но также и без драгоценного камня. Я удалил драгоценный камень, чтобы упростить проблему. Вот мой код:

 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>

person Ayrad    schedule 26.02.2017    source источник
comment
Итак, у вас есть место с минимальным, полным и проверяемым примером, возможно, просто статическим HTML+JS без рубинового бэкенда на codepen, JSFiddle или что-то подобное? Без такого примера очень трудно догадаться, в чем разница между вами и рабочими примерами, предоставленными Беном.   -  person SergGr    schedule 17.03.2017
comment
обновил ответ с примером. Также удален драгоценный камень, чтобы упростить и воспроизвести проблему. Думаете, это может быть связано с функцией санации?   -  person Ayrad    schedule 17.03.2017
comment
на самом деле это работает сейчас. Так что проблема могла быть с камнем!   -  person Ayrad    schedule 17.03.2017
comment
извините, но я не думаю, что то, что вы предоставили, действительно считается хорошим примером. И, наверное, поэтому это работает сейчас. Я думаю, что имеет смысл проанализировать ваш реальный HTML-код, сгенерированный Ruby, и попытаться скопировать и вставить его по частям в статический файл, пока он не сломается. Тогда вы или мы сможем выяснить, что не так с HTML/JS, сгенерированным Ruby.   -  person SergGr    schedule 17.03.2017


Ответы (1)


Вы включили katex.js и katex.css, как описано в документах?

Рабочий пример:

<!-- 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>
person Ben Browitt    schedule 01.03.2017
comment
Я сделал, но с помощью cdn. Может ли это быть проблемой? - person Ayrad; 01.03.2017
comment
‹ссылка rel=stylesheet href=cdnjs.cloudflare.com /ajax/libs/KaTeX/0.7.1/katex.min.css целостность=sha384-wITovz90syo1dJWVh32uuETPVEtGigN07tkttEqPv+uR2SE/mbQcG7ATL28aI9H0 crossorigin=anonymous› ‹script src=cdnjs.cloudflare.com/ajax/libs/KaTeX/0.7.1/katex.min.js целостность=sha384-/y1Nn9+QQAipbNQWU65krzJralCnuOasHncUFXGkdwntGeSvQicrYkiUBwsgUqc1 crossorigin=anonymous›‹/script› - person Ayrad; 01.03.2017
comment
Вам нужно исправить URL-адреса katex. - person Ben Browitt; 02.03.2017
comment
Не уверен, что это проблема с URL. Я скопировал URL-адреса непосредственно с github.com/Khan/KaTeX и добавил их внутрь ‹head› в мое приложение.html.erb. Я также пытался использовать драгоценные камни ktext без везения - person Ayrad; 02.03.2017
comment
Проверьте в консоли браузера, действительно ли катекс загружен. Когда я удаляю katex.js, я получаю ту же ошибку: codepen.io/anon/pen/MpyNGK< /а> - person Ben Browitt; 03.03.2017
comment
они выглядят так, как будто они загружены. Пожалуйста, посмотрите на скриншот в обновленном вопросе. - person Ayrad; 05.03.2017