Commeth Components for Ant Design Vue 是基于Ant Design Vue实现的业务组件库

🎉 Features

• 已 Tiptap 3.x 为基础实现
• UI 采用 Reka 2.7.x
• 基于 Vue 3.5+

📦 Installation

# NPM
npm i @commeth/rich-editor
# PNPM
pnpm add @commeth/rich-editor

📖 Example

基础示例

🔨 Usage

<template>
  <CeRichEditor
    :imageUpload="{
      request,
      accept: '.png,.jpg,.jpeg',
      sizeLimit: 1024 * 1024,
      minImageSize: 1000,
      maxImageSize: 2000,
      imageRatio: [1280, 1707],
    }"
  />
</template>

<script setup lang="ts">
import { CeRichEditor } from "@commeth/rich-editor";

function request(options: {
  onSuccess?: (v: string) => void;
  onProgress?: (v: { percent: number }) => void;
}) {
  let progress = 0;
  const interval = setInterval(() => {
    progress += 10;
    options.onProgress?.({ percent: progress });
    if (progress >= 100) {
      options.onSuccess?.(URL.createObjectURL(options.file));
      clearInterval(interval);
    }
  }, 100);
}
</script>