使用CDN外部引入初始化控件有部分报错问题

lycoris-xmin commented 1 year ago

vue3 vite 打包 CDN配置

        {
          name: 'cherry-markdown',
          var: 'Cherry',
          path: 'https://unpkg.com/cherry-markdown@0.8.19/dist/cherry-markdown.min.js',
          css: 'https://unpkg.com/cherry-markdown@0.8.19/dist/cherry-markdown.min.css'

          // path: 'https://cdn.jsdelivr.net/npm/cherry-markdown@0.8.19/dist/cherry-markdown.min.js',
          // css: 'https://cdn.jsdelivr.net/npm/cherry-markdown@0.8.19/dist/cherry-markdown.min.css'
        }

配置

  options: {
    id: 'cherry-container',
    value: '',
    editor: {
      codemirror: {
        theme: 'default'
      },
      defaultModel: 'edit&preview',
      convertWhenPaste: true
    },
    engine: {
      global: {
        htmlWhiteList: 'iframe|script|style'
      },
      syntax: {
        list: {
          listNested: true
        },
        inlineCode: {
          theme: 'red'
        },
        codeBlock: {
          theme: 'dark', 
          wrap: true,
          lineNumber: true 
        }
      }
    },
    toolbars: {
      theme: 'light ',
      showToolbar: true,
      toolbar: [
        'bold',
        'size',
        'color',
        'header',
        '|',
        'hr',
        'strikethrough',
        '|',
        'code',
        'link',
        'table',
        '|',
        'list',
        {
          insert: ['image', 'audio', 'video', 'line-table', 'bar-table', 'pdf', 'word', 'formula']
        },
        'graph',
        'togglePreview',
        'export'
      ],
      sidebar: [],
      bubble: false,
      float: false
    },
    fileUpload: (file, callback) => {
      emit('fileUpload', file, url => {
        callback(url);
      });
    },
    callback: {}
  }