@opentiny/fluent-editor 3.20.1 → 3.20.2

package/src/custom-image/specs/BlotSpec.ts

@@ -0,0 +1,30 @@
+import ResizeAction from '../actions/CustomResizeAction'
+import DeleteAction from '../actions/DeleteAction'
+
+export default class BlotSpec {
+  formatter
+
+  constructor(formatter) {
+    this.formatter = formatter
+  }
+
+  init(): void {}
+
+  getActions() {
+    return [ResizeAction, DeleteAction]
+  }
+
+  getTargetElement() {
+    return null
+  }
+
+  getOverlayElement() {
+    return this.getTargetElement()
+  }
+
+  setSelection(): void {
+    this.formatter.quill.setSelection(null)
+  }
+
+  onHide() {}
+}

package/src/custom-image/specs/CustomImageSpec.ts

@@ -0,0 +1,139 @@
+import { isInside } from '../../config/editor.utils'
+import CustomResizeAction from '../actions/CustomResizeAction'
+import DeleteAction from '../actions/DeleteAction'
+import ImageSpec from './ImageSpec'
+
+export class CustomImageSpec extends ImageSpec {
+  formatter
+  editorElem: HTMLElement | undefined
+  observer: any
+  oldRootScrollTop: any
+
+  constructor(formatter) {
+    super(formatter)
+    this.formatter = formatter
+    this.oldRootScrollTop = this.formatter.quill.root.scrollTop
+    this.editorElem = this.formatter.quill.container
+    if (this.formatter.quill.root === this.formatter.quill.scrollingContainer) {
+      this.formatter.quill.root.addEventListener('scroll', this.handleQuillRootScroll.bind(this))
+    }
+  }
+
+  handleQuillRootScroll() {
+    if (this.formatter.overlay) {
+      this.formatter.overlay.style.marginTop = `${this.oldRootScrollTop - this.formatter.quill.root.scrollTop}px`
+    }
+  }
+
+  init(): void {
+    this.editorElem.addEventListener('mouseover', this.imageMouseOver.bind(this))
+    this.editorElem.addEventListener('mouseout', this.imageMouseout)
+
+    super.init()
+  }
+
+  getActions() {
+    return [DeleteAction, CustomResizeAction]
+  }
+
+  imageMouseOver(event) {
+    const target = event.target
+    const isBlotFormatter = target?.classList?.contains('blot-formatter__overlay')
+    if (target.nodeName === 'IMG' || isBlotFormatter) {
+      // this.addImagePreviewOverlay(event);
+    }
+  }
+
+  imageMouseout = (event) => {
+    if (event.target.nodeName === 'IMG'
+      || event.target.classList.contains('blot-formatter__overlay')) {
+      const imgDom = event.target
+      if (!isInside(event, imgDom)) {
+        this.removeImagePreviewOverlay()
+      }
+    }
+  }
+
+  addImagePreviewOverlay(event) {
+    const target = event.target
+    const {
+      left: imgLeft,
+      width: imgWidth,
+    } = target.getBoundingClientRect()
+    // fix: 解决 ql-container 容器设置 calc(100vh - 180px) 这样的视窗相对单位时，滚动视窗导致图片相对视窗的 top 相应改变，从而导致图片预览按钮的位置显示错误
+    const imgTop = target.getBoundingClientRect().top + this.formatter.quill.container.scrollTop
+
+    const {
+      left: editorLeft,
+      top: editorTop,
+    } = event.currentTarget.getBoundingClientRect()
+
+    const imgRelativeLeft = imgLeft - editorLeft
+    const imgRelativeTop = imgTop - editorTop
+
+    const maxmizeWidth = 24
+    const maxmizePadding = 15
+    const previewLeft = imgRelativeLeft + imgWidth - maxmizeWidth - maxmizePadding
+    const previewTop = imgRelativeTop + maxmizePadding
+
+    const previewStyle = `
+        left: ${previewLeft}px;
+        top: ${previewTop}px;
+        width: ${maxmizeWidth}px;
+      `
+    const imageSrc = target.src || target.getAttribute('data-image')
+    const imageId = target.getAttribute('data-image-id')
+
+    const previewDom = event.currentTarget.querySelector('.image-preview__overlay')
+    if (!previewDom) {
+      event.currentTarget.insertAdjacentHTML('beforeend', `
+          <div class="image-preview__overlay" style="${previewStyle}">
+            <i class="icon-maxmize" id="btn-image-preview" data-image-id="${imageId}"
+              data-image="${imageSrc}"></i>
+          </div>
+        `)
+    }
+  }
+
+  removeImagePreviewOverlay() {
+    const previewDom = this.editorElem.querySelector('.image-preview__overlay')
+    if (previewDom) {
+      previewDom.parentNode.removeChild(previewDom)
+    }
+  }
+
+  onHide() {
+    this.removeImagePreviewOverlay()
+    super.onHide()
+  }
+
+  resetOverlayMarginTop() {
+    if (this.formatter.overlay) {
+      this.formatter.overlay.style.marginTop = '0px'
+    }
+  }
+
+  onClick = (event: MouseEvent) => {
+    const el = event.target
+    const isReadonly = this.formatter.quill.options.readOnly
+    if (!(el instanceof HTMLElement) || el.tagName !== 'IMG' || isReadonly) {
+      return
+    }
+
+    this.img = el
+    this.oldRootScrollTop = this.formatter.quill.root.scrollTop
+    this.resetOverlayMarginTop()
+    this.formatter.show(this)
+
+    // 通过图片dom获取图片选区用以复制，设置 current-select-img::selection 取消选区背景
+    const imageDom = this.formatter.currentSpec?.getTargetElement()
+    if (imageDom) {
+      imageDom.classList.add('current-select-img')
+      const quill = this.formatter.quill
+      const imgBlot = quill.scroll.find(this.img)
+      const index = quill.getIndex(imgBlot)
+      const len = imgBlot.length()
+      quill.setSelection(index, len)
+    }
+  }
+}

package/src/custom-image/specs/ImageSpec.ts

@@ -0,0 +1,33 @@
+import BlotSpec from './BlotSpec'
+
+export default class ImageSpec extends BlotSpec {
+  img
+
+  constructor(formatter) {
+    super(formatter)
+    this.img = null
+  }
+
+  init() {
+    this.formatter.quill.root.addEventListener('click', this.onClick)
+  }
+
+  getTargetElement() {
+    return this.img
+  }
+
+  onHide() {
+    this.img = null
+  }
+
+  onClick = (event: MouseEvent) => {
+    const el = event.target
+    if (!(el instanceof HTMLElement) || el.tagName !== 'IMG') {
+      return
+    }
+    event.stopPropagation()
+
+    this.img = el
+    this.formatter.show(this)
+  }
+}

package/src/custom-uploader.ts

@@ -0,0 +1,199 @@
+import type { Range } from 'quill/core/quill'
+
+import Quill from 'quill'
+import {
+  FILE_UPLOADER_MIME_TYPES,
+  IMAGE_UPLOADER_MIME_TYPES,
+} from './config/editor.config'
+
+interface InsertFileData {
+  code: number
+  message?: string
+  data: {
+    title: string
+    size: number
+    src: string
+  }
+}
+
+const Uploader = Quill.imports['modules/uploader']
+const Delta = Quill.import('delta')
+
+class CustomUploader extends Uploader {
+  quill
+  options
+
+  upload(range, files, isFile?) {
+    const uploads = []
+    const fileFlags = []
+    const rejectFlags = {
+      file: false,
+      image: false,
+    }
+    const uploadOption = this.quill.options.uploadOption
+    const acceptObj
+      = (uploadOption && {
+        image: uploadOption.imageAccept,
+        file: uploadOption.fileAccept,
+      })
+      || {}
+    Array.from(files).forEach((file: any) => {
+      if (file) {
+        const fileFlag
+          = typeof isFile === 'boolean'
+            ? isFile
+            : !/^image\/[-\w.]+$/.test(file.type)
+        const fileType = fileFlag ? 'file' : 'image'
+        const accept = acceptObj[fileType] || this.options[fileType]
+        if (this.isAllowedFileType(accept, file)) {
+          uploads.push(file)
+          fileFlags.push(fileFlag)
+        }
+        else {
+          rejectFlags[fileType] = true
+        }
+      }
+    })
+    this.options.handler.call(this, range, uploads, fileFlags, rejectFlags)
+  }
+
+  isAllowedFileType = (accept: Array<string> | string, file: File) => {
+    if (accept) {
+      const baseMimeType = file.type.replace(/\/.*$/, '')
+      const acceptArr = typeof accept === 'string' ? accept.split(',') : accept
+      return acceptArr.some((type: string) => {
+        const validType = type.trim()
+        //  suffix name (e.g. '.png,.xlsx')
+        if (validType.startsWith('.')) {
+          return (
+            file.name
+              .toLowerCase()
+              .includes(validType.toLowerCase(), file.name.toLowerCase().length - validType.toLowerCase().length)
+          )
+          // mime type like 'image/*'
+        }
+        else if (/\/\*$/.test(validType)) {
+          return baseMimeType === validType.replace(/\/.*$/, '')
+        }
+        //  mime type like 'text/plain,application/json'
+        return file.type === validType
+      })
+    }
+    return true
+  }
+
+  // 处理上传文件
+  handleUploadFile(range, files, _hasRejectedFile) {
+    this.insertFileToEditor(range, files[0], {
+      code: 0,
+      data: {
+        title: files[0].name,
+        size: files[0].size,
+        src: files[0].src,
+      },
+    })
+  }
+
+  // 将文件插入编辑器
+  insertFileToEditor(range: Range, file: File, { code, message, data }: InsertFileData) {
+    if (code === 0) {
+      const oldContent = new Delta().retain(range.index).delete(range.length)
+      const videoFlag = this.uploadOption && this.uploadOption.isVideoPlay && /^video\/[-\w.]+$/.test(file.type)
+      const insertObj = videoFlag ? { video: data } : { file: data }
+      const currentContent = new Delta([{ insert: insertObj }])
+      const newContent = oldContent.concat(currentContent)
+      this.quill.updateContents(newContent, Quill.sources.USER)
+      this.quill.setSelection(range.index + 1)
+    }
+    else {
+      console.error('error message:', message)
+    }
+  }
+
+  // 将图片插入编辑器
+  insertImageToEditor(range, { code, message, data }) {
+    if (code === 0) {
+      const { imageId, imageUrl } = data
+      // 粘贴截图或者从外源直接拷贝的单图时，需要将编辑器中已选中的内容删除
+      const oldContent = new Delta().retain(range.index).delete(range.length)
+      const currentContent = new Delta([
+        {
+          insert: { image: imageUrl },
+          attributes: { 'image-id': imageId },
+        },
+      ])
+      const newContent = oldContent.concat(currentContent)
+      this.quill.updateContents(newContent, Quill.sources.USER)
+      this.quill.setSelection(range.index + 1)
+    }
+    else {
+      console.error('error message:', message)
+    }
+  }
+
+  // 处理上传图片
+  handleUploadImage(range, { file, files }, hasRejectedImage) {
+    if (this.quill.options.uploadOption?.imageUpload) {
+      const imageEnableMultiUpload = this.enableMultiUpload === true || this.enableMultiUpload?.image
+
+      const result = {
+        file,
+        data: { files: [file] },
+        hasRejectedImage,
+        callback: (res) => {
+          if (!res) {
+            return
+          }
+          if (imageEnableMultiUpload && Array.isArray(res)) {
+            res.forEach(value => this.insertImageToEditor(range, value))
+          }
+          else {
+            this.insertImageToEditor(range, res)
+          }
+        },
+      }
+      if (imageEnableMultiUpload) {
+        result.data = { files }
+      }
+      this.quill.options.uploadOption?.imageUpload(result)
+    }
+    else {
+      const promises = files.map((fileItem) => {
+        return new Promise((resolve) => {
+          const reader = new FileReader()
+          reader.onload = (e: any) => {
+            resolve(e.target.result)
+          }
+          reader.readAsDataURL(fileItem)
+        })
+      })
+      Promise.all(promises).then((images) => {
+        const update = images.reduce((delta: any, image) => {
+          return delta.insert({ image })
+        }, new Delta().retain(range.index).delete(range.length))
+
+        this.quill.updateContents(update, Quill.sources.USER)
+        this.quill.setSelection(range.index + images.length, Quill.sources.SILENT)
+      })
+    }
+  }
+}
+
+CustomUploader.DEFAULTS = {
+  file: FILE_UPLOADER_MIME_TYPES,
+  image: IMAGE_UPLOADER_MIME_TYPES,
+  enableMultiUpload: false,
+  handler(range, files, fileFlags, rejectFlags) {
+    const fileArr = []
+    const imgArr = []
+    files.forEach((file, index) => (fileFlags[index] ? fileArr.push(file) : imgArr.push(file)))
+    if (this.quill.options.modules.file && (fileArr.length || rejectFlags.file)) {
+      this.handleUploadFile(range, fileArr, rejectFlags.file)
+    }
+    if (imgArr.length || rejectFlags.image) {
+      this.handleUploadImage(range, { file: imgArr[0], files: imgArr }, rejectFlags.image)
+    }
+  },
+}
+
+export default CustomUploader

package/src/emoji/emoji-list/index.ts

@@ -0,0 +1 @@
+export { peopleEmoji } from './people'

package/src/emoji/emoji-list/people.ts

@@ -0,0 +1,111 @@
+import { createEmoji } from '../utils'
+
+const peopleEmojiArr = [
+  ['grinning', '1f600', ':grinning:', '😀', 'p', '1'],
+  ['grin', '1f601', ':grin:', '😁', 'p', '2'],
+  ['joy', '1f602', ':joy:', '😂', 'p', '3'],
+  ['smiley', '1f603', ':smiley:', '😃', 'p', '5'],
+  ['smile', '1f604', ':smile:', '😄', 'p', '6'],
+  ['sweat_smile', '1f605', ':sweat_smile:', '😅', 'p', '7'],
+  ['laughing', '1f606', ':laughing:', '😆', 'p', '8'],
+  ['wink', '1f609', ':wink:', '😉', 'p', '9'],
+  ['blush', '1f60a', ':blush:', '😊', 'p', '10'],
+  ['yum', '1f60b', ':yum:', '😋', 'p', '11'],
+  ['sunglasses', '1f60e', ':sunglasses:', '😎', 'p', '12'],
+  ['heart_eyes', '1f60d', ':heart_eyes:', '😍', 'p', '13'],
+  ['kissing_heart', '1f618', ':kissing_heart:', '😘', 'p', '14'],
+  ['kissing', '1f617', ':kissing:', '😗', 'p', '15'],
+  ['kissing_smiling_eyes', '1f619', ':kissing_smiling_eyes:', '😙', 'p', '16'],
+  ['kissing_closed_eyes', '1f61a', ':kissing_closed_eyes:', '😚', 'p', '17'],
+  ['slightly_smiling_face', '1f642', ':slight_smile:', '🙂', 'p', '19'],
+  ['hugging_face', '1f917', ':hugging:', '🤗', 'p', '20'],
+  ['thinking_face', '1f914', ':thinking:', '🤔', 'p', '21'],
+  ['neutral_face', '1f610', ':neutral_face:', '😐', 'p', '22'],
+  ['expressionless', '1f611', ':expressionless:', '😑', 'p', '23'],
+  ['no_mouth', '1f636', ':no_mouth:', '😶', 'p', '24'],
+  ['smirk', '1f60f', ':smirk:', '😏', 'p', '26'],
+  ['persevere', '1f623', ':persevere:', '😣', 'p', '27'],
+  ['disappointed_relieved', '1f625', ':disappointed_relieved:', '😥', 'p', '28'],
+  ['open_mouth', '1f62e', ':open_mouth:', '😮', 'p', '29'],
+  ['zipper_mouth_face', '1f910', ':zipper_mouth:', '🤐', 'p', '30'],
+  ['hushed', '1f62f', ':hushed:', '😯', 'p', '31'],
+  ['sleepy', '1f62a', ':sleepy:', '😪', 'p', '32'],
+  ['tired_face', '1f62b', ':tired_face:', '😫', 'p', '33'],
+  ['sleeping', '1f634', ':sleeping:', '😴', 'p', '34'],
+  ['relieved', '1f60c', ':relieved:', '😌', 'p', '35'],
+  ['nerd_face', '1f913', ':nerd:', '🤓', 'p', '36'],
+  ['stuck_out_tongue', '1f61b', ':stuck_out_tongue:', '😛', 'p', '37'],
+  ['stuck_out_tongue_winking_eye', '1f61c', ':stuck_out_tongue_winking_eye:', '😜', 'p', '38'],
+  ['stuck_out_tongue_closed_eyes', '1f61d', ':stuck_out_tongue_closed_eyes:', '😝', 'p', '39'],
+  ['unamused', '1f612', ':unamused:', '😒', 'p', '41'],
+  ['sweat', '1f613', ':sweat:', '😓', 'p', '42'],
+  ['pensive', '1f614', ':pensive:', '😔', 'p', '43'],
+  ['confused', '1f615', ':confused:', '😕', 'p', '44'],
+  ['money_mouth_face', '1f911', ':money_mouth:', '🤑', 'p', '46'],
+  ['astonished', '1f632', ':astonished:', '😲', 'p', '47'],
+  ['slightly_frowning_face', '1f641', ':slight_frown:', '🙁', 'p', '49'],
+  ['confounded', '1f616', ':confounded:', '😖', 'p', '50'],
+  ['disappointed', '1f61e', ':disappointed:', '😞', 'p', '51'],
+  ['worried', '1f61f', ':worried:', '😟', 'p', '52'],
+  ['triumph', '1f624', ':triumph:', '😤', 'p', '53'],
+  ['cry', '1f622', ':cry:', '😢', 'p', '54'],
+  ['sob', '1f62d', ':sob:', '😭', 'p', '55'],
+  ['frowning', '1f626', ':frowning:', '😦', 'p', '56'],
+  ['anguished', '1f627', ':anguished:', '😧', 'p', '57'],
+  ['fearful', '1f628', ':fearful:', '😨', 'p', '58'],
+  ['weary', '1f629', ':weary:', '😩', 'p', '59'],
+  ['grimacing', '1f62c', ':grimacing:', '😬', 'p', '60'],
+  ['cold_sweat', '1f630', ':cold_sweat:', '😰', 'p', '61'],
+  ['scream', '1f631', ':scream:', '😱', 'p', '62'],
+  ['flushed', '1f633', ':flushed:', '😳', 'p', '63'],
+  ['dizzy_face', '1f635', ':dizzy_face:', '😵', 'p', '64'],
+  ['rage', '1f621', ':rage:', '😡', 'p', '65'],
+  ['angry', '1f620', ':angry:', '😠', 'p', '66'],
+  ['innocent', '1f607', ':innocent:', '😇', 'p', '67'],
+  ['mask', '1f637', ':mask:', '😷', 'p', '71'],
+  ['face_with_thermometer', '1f912', ':thermometer_face:', '🤒', 'p', '72'],
+  ['face_with_head_bandage', '1f915', ':head_bandage:', '🤕', 'p', '73'],
+  ['smiling_imp', '1f608', ':smiling_imp:', '😈', 'p', '76'],
+  ['imp', '1f47f', ':imp:', '👿', 'p', '77'],
+  ['skull', '1f480', ':skull:', '💀', 'p', '80'],
+  ['ghost', '1f47b', ':ghost:', '👻', 'p', '82'],
+  ['alien', '1f47d', ':alien:', '👽', 'p', '83'],
+  ['space_invader', '1f47e', ':space_invader:', '👾', 'a', '84'],
+  ['robot_face', '1f916', ':robot:', '🤖', 'p', '85'],
+  ['hankey', '1f4a9', ':poop:', '💩', 'p', '86'],
+  ['smiley_cat', '1f63a', ':smiley_cat:', '😺', 'p', '87'],
+  ['smile_cat', '1f638', ':smile_cat:', '😸', 'p', '88'],
+  ['joy_cat', '1f639', ':joy_cat:', '😹', 'p', '89'],
+  ['heart_eyes_cat', '1f63b', ':heart_eyes_cat:', '😻', 'p', '90'],
+  ['smirk_cat', '1f63c', ':smirk_cat:', '😼', 'p', '91'],
+  ['kissing_cat', '1f63d', ':kissing_cat:', '😽', 'p', '92'],
+  ['scream_cat', '1f640', ':scream_cat:', '🙀', 'p', '93'],
+  ['crying_cat_face', '1f63f', ':crying_cat_face:', '😿', 'p', '94'],
+  ['pouting_cat', '1f63e', ':pouting_cat:', '😾', 'p', '95'],
+  ['muscle', '1f4aa', ':muscle:', '💪', 'p', '1080'],
+  ['point_left', '1f448', ':point_left:', '👈', 'p', '1092'],
+  ['point_right', '1f449', ':point_right:', '👉', 'p', '1098'],
+  ['point_up', '261d', ':point_up:', '☝', 'p', '1104'],
+  ['point_up_2', '1f446', ':point_up_2:', '👆', 'p', '1110'],
+  ['middle_finger', '1f595', ':middle_finger:', '🖕', 'p', '1116'],
+  ['point_down', '1f447', ':point_down:', '👇', 'p', '1122'],
+  ['v', '270c', ':v:', '✌', 'p', '1128'],
+  ['raised_hand_with_fingers_splayed', '1f590', ':hand_splayed:', '🖐', 'p', '1158'],
+  ['ok_hand', '1f44c', ':ok_hand:', '👌', 'p', '1170'],
+  ['thumbsup', '1f44d', ':thumbsup:', '👍', 'p', '1176'],
+  ['thumbsdown', '1f44e', ':thumbsdown:', '👎', 'p', '1182'],
+  ['fist', '270a', ':fist:', '✊', 'p', '1188'],
+  ['facepunch', '1f44a', ':punch:', '👊', 'p', '1194'],
+  ['wave', '1f44b', ':wave:', '👋', 'p', '1218'],
+  ['clap', '1f44f', ':clap:', '👏', 'p', '1224'],
+  ['writing_hand', '270d', ':writing_hand:', '✍', 'p', '1230'],
+  ['open_hands', '1f450', ':open_hands:', '👐', 'p', '1236'],
+  ['pray', '1f64f', ':pray:', '🙏', 'p', '1248'],
+  ['ear', '1f442', ':ear:', '👂', 'p', '1266'],
+  ['nose', '1f443', ':nose:', '👃', 'p', '1272'],
+  ['eyes', '1f440', ':eyes:', '👀', 'p', '1279'],
+  ['eye', '1f441', ':eye:', '👁', 'p', '1280'],
+  ['lips', '1f444', ':lips:', '👄', 'p', '1283'],
+  ['fire', '1f525', ':fire:', '🔥', 'n', '1753'],
+]
+export const peopleEmoji = createEmoji(peopleEmojiArr)

package/src/emoji/emoji-list.ts

@@ -0,0 +1,9 @@
+import {
+  peopleEmoji,
+} from './emoji-list/index'
+
+const emojiList = [
+  ...peopleEmoji,
+]
+
+export default emojiList

package/src/emoji/emoji-map.ts

@@ -0,0 +1,9 @@
+import emojiList from './emoji-list'
+
+const emojiMap = {}
+
+emojiList.forEach((emojiListObject) => {
+  emojiMap[emojiListObject.name] = emojiListObject
+})
+
+export default emojiMap

package/src/emoji/formats/emoji-blot.ts

@@ -0,0 +1,54 @@
+import Quill from 'quill'
+import emojiMap from '../emoji-map'
+
+const Embed = Quill.imports['blots/embed']
+
+// @dynamic
+class EmojiBlot extends Embed {
+  static emojiClass: string
+  static emojiPrefix: any
+  static tagName: string
+  static blotName: string
+  static className: string
+  static create(value) {
+    const node = super.create()
+    if (typeof value === 'object') {
+      EmojiBlot.buildSpan(value, node)
+    }
+    else if (typeof value === 'string') {
+      const valueObj = emojiMap[value]
+      if (valueObj) {
+        EmojiBlot.buildSpan(valueObj, node)
+      }
+    }
+    // 修复在emoji后输入中文插入其中导致quill不能识别
+    node.setAttribute('contenteditable', false)
+    return node
+  }
+
+  static value(node) {
+    return node.dataset.name
+  }
+
+  static buildSpan(value, node) {
+    node.setAttribute('data-name', value.name)
+    const emojiSpan = document.createElement('span')
+    emojiSpan.classList.add(this.emojiClass)
+    emojiSpan.classList.add(this.emojiPrefix + value.name)
+    // unicode can be '1f1f5-1f1ea',see emoji-list.js.
+    emojiSpan.textContent = String.fromCodePoint(...EmojiBlot.parseUnicode(value.unicode))
+    node.appendChild(emojiSpan)
+  }
+
+  static parseUnicode(string) {
+    return string.split('-').map(str => Number.parseInt(str, 16))
+  }
+}
+
+EmojiBlot.blotName = 'emoji'
+EmojiBlot.className = 'ql-emojiblot'
+EmojiBlot.tagName = 'span'
+EmojiBlot.emojiClass = 'ap'
+EmojiBlot.emojiPrefix = 'ap-'
+
+export default EmojiBlot

package/src/emoji/index.ts

@@ -0,0 +1,5 @@
+import EmojiBlot from './formats/emoji-blot'
+import ShortNameEmoji from './modules/emoji'
+import ToolbarEmoji from './modules/toolbar-emoji'
+
+export default { EmojiBlot, ShortNameEmoji, ToolbarEmoji }