// 1. 导入 jQuery (如果库需要，现代库可能不再强制依赖全局jQuery)

import $ from 'jquery' // 如果库内部已经 import $ from 'jquery' 则这里可能不需要显式导入给它们用

// 2. 你需要根据每个包的实际导出方式来导入

import 'js-beautify'
import 'xuan-module'
import XuanEditor from 'xuaneditor'
import 'xuaneditor-html'
import 'xuaneditor/styles/simditor.css'
import 'xuaneditor-html/styles/simditor-html.css'

const editorRef = ref(null) //关联一个 textarea
let simditorInstance = null

onMounted(() => {
  simditorInstance = new XuanEditor({
    textarea: $(editorRef.value),
    toolbar: [
      'title',
      'bold',
      'italic',
      'underline',
      'strikethrough',
      'color',
      '|',
      'ol',
      'ul',
      'blockquote',
      'table',
      '|',
      'link',
      'image',
      'hr',
      '|',
      'indent',
      'outdent',
      'alignment',
      '|',
      'html',
    ],
  })
})

<template>
  <div>
    <textarea ref="editorRef" id="myEditor">test</textarea>
  </div>
  <div>
</template>

获取值

simditorInstance.getValue()