React-quill: Adding formula to the editor

[camliu89]

Hi.

After trying to add a formula to the editor, Quill throws an error in the console:

TypeError: Cannot read property 'render' of undefined

After digging a little bit, I found that the problem is the window.katex.render where katex is undefined.

Are you able to provide a solution?

Thanks.

React-Quill version

• [*] master

[Yutiy]

I also encountered this problem, how to solve it...

[alexkrolick]

You need to have katex available on the window - See the Quill docs: https://quilljs.com/docs/modules/formula/

[wingsiu]

Anyone solve this problem?

[flockooaube]

I found the solution for react-quill. Add following code the it work.

1. Install Katex

npm install katex

1. Add following 3 line codes to your component
   /-----
   import katex from 'katex';
   import 'katex/dist/katex.min.css';
   window.katex = katex;
   class xxxxForm extends React.Component {
   .......................
   }
   ----/

Then the alarm cleared and formula input successfully