vditor/demo/index.js

import Vditor from '../src/index'
import '../src/assets/scss/index.scss'

let toolbar
if (window.innerWidth < 768) {
  toolbar =  [
    "emoji",
    "headings",
    "bold",
    "italic",
    "strike",
    "link",
    "|",
    "list",
    "ordered-list",
    "check",
    "outdent",
    "indent",
    "|",
    "quote",
    "line",
    "code",
    "inline-code",
    "insert-before",
    "insert-after",
    "|",
    "upload",
    "record",
    "table",
    "|",
    "undo",
    "redo",
    "|",
    "edit-mode",
    "content-theme",
    "code-theme",
    {
      name: "more",
      toolbar: [
        "fullscreen",
        "both",
        "preview",
        "format",
        "info",
        "help",
      ],
    }]
}

window.vditor = new Vditor('vditor', {
  toolbar,
  debugger: true,
  typewriterMode: true,
  placeholder: 'placeholder',
  preview: {
    markdown: {
      toc: true,
    },
  },
  toolbarConfig: {
    pin: true,
  },
  counter: {
    enable: true,
    type: 'text',
  },
  hint: {
    emojiPath: 'https://cdn.jsdelivr.net/npm/[email protected]/dist/images/emoji',
    emojiTail: '<a href="https://hacpai.com/settings/function" target="_blank">设置常用表情</a>',
    emoji: {
      'sd': '💔',
      'j': 'https://unpkg.com/[email protected]/dist/images/emoji/j.png',
    },
  },
  tab: '\t',
  upload: {
    accept: 'image/*,.mp3, .wav, .rar',
    token: 'test',
    url: '/api/upload/editor',
    linkToImgUrl: '/api/upload/fetch',
    filename (name) {
      return name.replace(/[^(a-zA-Z0-9\u4e00-\u9fa5\.)]/g, '').
        replace(/[\?\\/:|<>\*\[\]\(\)\$%\{\}@~]/g, '').
        replace('/\\s/g', '')
    },
  },
})