Question

我想出于自己的目的使用一些Quill模块，例如，我想使用图像上传器。

https://github.com/quilljs/quill/blob/9a77567fe356d384074df7479c33ceac509d9351/modules/uploader.js

初始化后，我就可以访问羽毛笔实例：

let quillContainerSelector = '.quill-container';

let quill = new Quill(quillContainerSelector, {
  modules: {
    toolbar: toolbarOptions
  },
  theme: 'snow',
});

如何从 Uploader 模块调用 upload 函数？

Answer 1

创建要使用的模块，并将其导入到创建主轴编辑器的文件中。在启动纤管之前，只需注册要使用的模块即可。

在这里，我在反应中使用羽毛笔。只要看一下这个例子，您就会知道。

import Quill from 'quill'
import ReactQuill,{Quill} from 'react-quill';
import MarkdownShortcuts from 'markdownShortCuts';
Quill.register('modules/markdownShortcuts',MarkdownShortcuts)
class Editor extends Component{
   constructor (props) {
     super(props)
     this.state = { editorHtml: '', }
    }
   modules = {
      markdownShortcuts:{}, 
  }
 render () {
return (
    <ReactQuill 
      modules={this.modules}
      value={this.state.editorHtml}
      placeholder={this.props.placeholder}
     />
 )
  }
}

在注册时尝试这样操作。

鹅毛笔-如何使用模块？

1 个答案: