在react上安装quilljs-markdown
在react上安装quilljs-markdown
提问于 2020-11-24 23:49:05
我需要在react https://cloverhearts.github.io/quilljs-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:无法读取未定义的属性'on‘
据我所知，我工作需要jQuery，但我使用react，我为react找到了https://www.npmjs.com/package/react-quill this quilljs，但我不知道如何将它与markdown https://www.npmjs.com/package/quilljs-markdown结合起来。有人能帮我吗？
回答 2
Stack Overflow用户
发布于 2021-02-06 21:11:05
在编辑器准备好之前，您似乎正在尝试初始化Quill实例和markdown模块。
在渲染完useEffect之后，使用div钩子对其进行初始化：
import {useEffect} from 'react';
...
useEffect(() => {
const editor = new Quill('#editor', {
theme: 'snow'
});
new QuillMarkdown(editor);
});Stack Overflow用户
发布于 2021-10-25 09:35:52
经过几个小时的尝试，我找到了解决这个问题的方法。
你需要做的是：
react to >为ReactQuill
- Register
- 创建一个模块。
- 将模块传递给react
如下所示。
第01步
const modules = {
markdownOptions: {}
};第02步
Quill.register('modules/markdownOptions', QuillMarkdown);第03步
<ReactQuill
modules={modules}
/>页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/64989971
复制相关文章
相似问题
腾讯云开发者
