使用独立发布的iking-tinymce

TIP

iking-tinymce基于tinymce插件封装，简单易用；集成了数学、化学公式，内嵌百度地图等

点此访问 iking-tinymce 文档

示例

<script lang="ts" setup>
import { IkingTinymce } from "iking-tinymce";
import 'iking-tinymce/dist/style.css'
const { VITE_APP_UPLOAD_URL, VITE_APP_DOWNLOAD_URL } = import.meta.env
// VITE_APP_UPLOAD_URL  文件上传地址 （/server/oss/upload）
// VITE_APP_DOWNLOAD_URL  文件预览地址 （/server/oss/download?fileUrl=）
const state = reactive({
  value:""
});
const getValue = (str: any) => {
  state.value = str
};

</script>

<template>
   <IkingTinymce
    @getContent="getValue"
    :value="value"
    :base-url="VITE_APP_UPLOAD_URL"
    :load-url="VITE_APP_DOWNLOAD_URL"
  />
</template>