How to use the quill.registerModule function in quill

componentDidMount() {

    Quill.registerEmbed('image', Embeds.Image);
    Quill.registerEmbed('gallery', Embeds.Gallery);
    Quill.registerEmbed('code', Embeds.Code);
    Quill.registerEmbed('video', Embeds.Video);
    Quill.registerEmbed('advertisement', Embeds.Advertisement);
    Quill.registerEmbed('quote', Embeds.PullQuote);

    Quill.registerModule('headers', Headers);
    Quill.registerModule('inline-toolbar', InlineToolbar);
    Quill.registerModule('hyperlinks', HyperlinkModule)

    this.quill = new Quill('#article-editor', {
			formats: ['bold', 'italic', 'underline', 'link', 'bullet', 'list']
		});

    this.quill.on('text-change', function(delta, source) {

      this.props.update('content', this.quill.getJSON());

      if(source !== 'api') {
        $(window).on('beforeunload', function(event) {
          var event = event || window.event,
          message = "You have unsaved changes. Are you sure you want to leave?";
          // For IE and Firefox

componentDidMount() {

    Quill.registerEmbed('image', Embeds.Image);
    Quill.registerEmbed('gallery', Embeds.Gallery);
    Quill.registerEmbed('code', Embeds.Code);
    Quill.registerEmbed('video', Embeds.Video);
    Quill.registerEmbed('advertisement', Embeds.Advertisement);
    Quill.registerEmbed('quote', Embeds.PullQuote);

    Quill.registerModule('headers', Headers);
    Quill.registerModule('inline-toolbar', InlineToolbar);
    Quill.registerModule('hyperlinks', HyperlinkModule)

    this.quill = new Quill('#article-editor', {
			formats: ['bold', 'italic', 'underline', 'link', 'bullet', 'list']
		});

    this.quill.on('text-change', function(delta, source) {

      this.props.update('content', this.quill.getJSON());

      if(source !== 'api') {
        $(window).on('beforeunload', function(event) {
          var event = event || window.event,
          message = "You have unsaved changes. Are you sure you want to leave?";
          // For IE and Firefox
          if (event) {

componentDidMount: function(){
        Quill.registerEmbed('image', EditorImage);
        Quill.registerEmbed('gallery', EditorGallery);
        Quill.registerEmbed('code', EditorCode);
        Quill.registerEmbed('video', EditorVideo);
        Quill.registerEmbed('advertisement', EditorAdvertisement);
        Quill.registerEmbed('quote', EditorPullQuote);

        Quill.registerModule('headers', Headers);
        Quill.registerModule('inline-toolbar', InlineToolbar);
        Quill.registerModule('hyperlinks', HyperlinkModule)

        this.quill = new Quill('#article-editor', {
		  			formats: ['bold', 'italic', 'underline', 'link', 'bullet', 'list']
				});
        
        this.quill.on('text-change', function(delta, source) {
            if(source !== 'api') {
                $(window).on('beforeunload', function(event) {
                    var event = event || window.event,
                        message = "You have unsaved changes. Are you sure you want to leave?";
                    // For IE and Firefox
                    if (event) {
                        event.returnValue = message;
                    }
                    return message;
                });

componentDidMount: function(){
        Quill.registerEmbed('image', EditorImage);
        Quill.registerEmbed('gallery', EditorGallery);
        Quill.registerEmbed('code', EditorCode);
        Quill.registerEmbed('video', EditorVideo);
        Quill.registerEmbed('advertisement', EditorAdvertisement);
        Quill.registerEmbed('quote', EditorPullQuote);

        Quill.registerModule('headers', Headers);
        Quill.registerModule('inline-toolbar', InlineToolbar);
        Quill.registerModule('hyperlinks', HyperlinkModule)

        this.quill = new Quill('#article-editor', {
		  			formats: ['bold', 'italic', 'underline', 'link', 'bullet', 'list']
				});
        
        this.quill.on('text-change', function(delta, source) {
            if(source !== 'api') {
                $(window).on('beforeunload', function(event) {
                    var event = event || window.event,
                        message = "You have unsaved changes. Are you sure you want to leave?";
                    // For IE and Firefox
                    if (event) {
                        event.returnValue = message;
                    }
                    return message;

componentDidMount: function(){
        Quill.registerEmbed('image', EditorImage);
        Quill.registerEmbed('gallery', EditorGallery);
        Quill.registerEmbed('code', EditorCode);
        Quill.registerEmbed('video', EditorVideo);
        Quill.registerEmbed('advertisement', EditorAdvertisement);
        Quill.registerEmbed('quote', EditorPullQuote);

        Quill.registerModule('headers', Headers);
        Quill.registerModule('inline-toolbar', InlineToolbar);
        Quill.registerModule('hyperlinks', HyperlinkModule)

        this.quill = new Quill('#article-editor', {
		  			formats: ['bold', 'italic', 'underline', 'link', 'bullet', 'list']
				});
        
        this.quill.on('text-change', function(delta, source) {
            if(source !== 'api') {
                $(window).on('beforeunload', function(event) {
                    var event = event || window.event,
                        message = "You have unsaved changes. Are you sure you want to leave?";
                    // For IE and Firefox
                    if (event) {
                        event.returnValue = message;
                    }

componentDidMount() {

    Quill.registerEmbed('image', Embeds.Image);
    Quill.registerEmbed('gallery', Embeds.Gallery);
    Quill.registerEmbed('code', Embeds.Code);
    Quill.registerEmbed('video', Embeds.Video);
    Quill.registerEmbed('advertisement', Embeds.Advertisement);
    Quill.registerEmbed('quote', Embeds.PullQuote);

    Quill.registerModule('headers', Headers);
    Quill.registerModule('inline-toolbar', InlineToolbar);
    Quill.registerModule('hyperlinks', HyperlinkModule)

    this.quill = new Quill('#article-editor', {
			formats: ['bold', 'italic', 'underline', 'link', 'bullet', 'list']
		});

    this.quill.on('text-change', function(delta, source) {

      this.props.update('content', this.quill.getJSON());

      if(source !== 'api') {
        $(window).on('beforeunload', function(event) {
          var event = event || window.event,
          message = "You have unsaved changes. Are you sure you want to leave?";
          // For IE and Firefox
          if (event) {
            event.returnValue = message;

csrfmiddlewaretoken: csrfToken
        },

        onComplete: _.bind(this.handleUploadComplete, this),
        onError: _.bind(this.handleUploadFailed, this)
    });

    document.addEventListener('click', function (e) {
        if(helpers.matches(e.target, '[data-dismiss="ql-image-alert"]')) {
            var alert = helpers.findClosestElement(e.target, '.ql-image-alert');
            alert.parentNode.removeChild(alert);
        }
    });
};

Quill.registerModule('image', QuillImage);
module.exports = QuillImage;