reactjs - 在 react 上安装 quilljs-markdown

Question

我需要这样的 React 编辑器 https://cloverhearts.github.io/quilljs-markdown/ ，正如您在其中看到的那样，您可以将 Markdown 字符直接放入文本中。

当我这样做的时候

import React, { Component } from 'react'
import './App.css'
import ReactQuill from 'react-quill'
import Quill from 'quill'
import QuillMarkdown from 'quilljs-markdown'




const App = () => {
  const editor = new Quill('#editor', {
    theme: 'snow'
  })
  new QuillMarkdown(editor)

  return (
    <div className='app'>
      {/*<MyComponent/>*/}
      <div id="editor"></div>
    </div>
  )
}

export default App

我收到错误 TypeError: Cannot read property 'on' of undefined

据我所知，我需要 jQuery 来工作，但我使用 React，我发现 https://www.npmjs.com/package/react-quill这个 quilljs 用于 react ，但我不知道如何将它与 Markdown 结合https://www.npmjs.com/package/quilljs-markdown谁能帮忙？

Answer 1

经过数小时的尝试，我找到了解决方案。

你要做的是:

1. 为 ReactQuill 创建一个模块
2. 注册模块。
3. 将模块传递给 react quill

如下所示。

步骤01

const modules = {
  markdownOptions: {}
};

步骤02

Quill.register('modules/markdownOptions', QuillMarkdown);

步骤03

<ReactQuill
    modules={modules}
  />