quill.js

import Quill from 'quill/core'

import BlockquoteFormat from 'quill/formats/blockquote'
import BoldFormat from 'quill/formats/bold'
import HeaderFormat from 'quill/formats/header'
import ItalicFormat from 'quill/formats/italic'
import LinkFormat from 'quill/formats/link'
import ListFormat, { ListItem as ListItemFormat } from 'quill/formats/list'
import StrikeFormat from 'quill/formats/strike'
import UnderlineFormat from 'quill/formats/underline'

import ImageFormat from './formats/image'
import ImageModule from './modules/image'

const container = document.createElement('div')
document.body.appendChild(container)

Quill.register({
  'formats/blockquote': BlockquoteFormat,
  'formats/bold': BoldFormat,
  'formats/header': HeaderFormat,
  'formats/image': ImageFormat,
  'formats/italic': ItalicFormat,
  'formats/link': LinkFormat,
  'formats/list': ListFormat,
  'formats/list/item': ListItemFormat,
  'formats/strike': StrikeFormat,
  'formats/underline': UnderlineFormat,
  'modules/image': ImageModule
})

const quill = new Quill(container, {
  modules: { image: true }
})