Quill - как использовать модули?

Question

Я хотел бы использовать некоторые модули Quill для своих собственных целей, например, я хотел бы использовать загрузчик изображений.

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

Я получил доступ к экземпляру quill после его инициализации:

let quillContainerSelector = '.quill-container';

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

Как мне вызвать загрузить функцию из Uploader module?

Answer 1

Создайте модуль, который вы хотите использовать, и импортируйте его в файл, в котором вы создаете Quill Editor. И прежде чем начинать перо, просто зарегистрируйте модуль, который вы хотите использовать.

Здесь я использую перо в реакции. Просто посмотрите на этот пример, вы получите представление.

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}
     />
 )
  }
}

Попробуйте при регистрации, это будет работать.