quilljs-markdown/src/tags/codeblock/fulltext.js

Markdown for Quill Editor

import AbstractTag from '../AbstractTag.js'
import meta from './meta.js'

class Codeblock extends AbstractTag {
  constructor (quillJS, options = {}) {
    super()
    this.quillJS = quillJS
    this.name = 'pre'
    this.pattern = this._getCustomPatternOrDefault(options, this.name, /^(```)/g)
    this.getAction.bind(this)
    this._meta = meta()
    this.activeTags = this._getActiveTagsWithoutIgnore(this._meta.applyHtmlTags, options.ignoreTags)
  }

  getAction () {
    return {
      name: this.name,
      pattern: this.pattern,
      action: (text, selection, pattern) => new Promise((resolve) => {
        const match = pattern.exec(text)
        if (!match || !this.activeTags.length) {
          resolve(false)
          return
        }
        const originalText = match[0] || ''
        const [line] = this.quillJS.getLine(selection.index)
        setTimeout(() => {
          const startIndex = this.quillJS.getIndex(line)
          this.quillJS.deleteText(startIndex, originalText.length + 1)
          setTimeout(() => {
            let line = this.quillJS.getLine(startIndex)[0]
            while (line) {
              const lineOffset = this.quillJS.getIndex(line)
              const _text = line.domNode.textContent
              const offsetText = line.domNode.textContent.length
              const isBreak = this.pattern.test(_text)
              if (isBreak) {
                this.quillJS.deleteText(lineOffset, _text.length)
                resolve(true)
                return
              }
              this.quillJS.formatLine(lineOffset, 0, 'code-block', true)
              line = this.quillJS.getLine(lineOffset + offsetText + 1)[0]
            }
            resolve(true)
          }, 0)
        }, 0)
      }),
      release: () => {
        setTimeout(() => {
          const cursorIndex = this.quillJS.getSelection().index
          const block = this.quillJS.getLine(cursorIndex)[0]
          const blockText = block.domNode.textContent
          if (block && blockText && blockText.replace('\n', '').length <= 0) {
            this.quillJS.format('code-block', false)
          }
        }, 0)
      }
    }
  }
}

export default Codeblock