@chenyomi/leafer-htmltext-edit 2.1.2 → 2.1.4

package/README.md

@@ -9,21 +9,23 @@
 
 一个强大的 Leafer UI 富文本编辑器插件，集成 Quill 2.0，支持 HTML 文本编辑和丰富的文本样式控制。
 
-[English](./README_EN.md) | 简体中文
-
 ## ✨ 特性
 
 - 🎨 **富文本编辑** - 基于 Quill 2.0，支持完整的富文本编辑功能
-- 🔤 **多语言字体** - 内置 20+ 种字体，支持中文、日文、韩文等多语言
+- 🔤 **多语言字体** - 支持自定义字体
 - 📐 **文本样式** - 字体、大小、颜色、对齐、行高、字间距等全面控制
 - 📝 **格式化工具** - 加粗、斜体、下划线、删除线、上下标
 - 📋 **列表支持** - 有序列表、无序列表
 - 🎯 **完美集成** - 无缝集成到 Leafer UI 生态系统
-- 🔐 **授权管理** - 内置授权系统，支持商业使用
+- 🔐 **授权管理** - 内置授权系统，本地开发不限制，上线有授权检测，需要联系作者
 - 📦 **轻量级** - 代码混淆压缩，体积小，加载快
 - 🔧 **TypeScript** - 完整的类型定义支持
 - 🚀 **现代化构建** - ESM + CJS 双格式，支持 Tree Shaking
 
+- [插件官网](https://chenyomi.github.io/leafer-htmltext-edit-website/)
+- [在线演示](https://chenyomi.github.io/leafer-htmltext-edit-view/)
+- [问题反馈](https://github.com/chenyomi/leafer-htmltext-edit-view/issues)
+
 ## 📦 安装
 
 ```bash
@@ -50,112 +52,113 @@ npm install leafer-ui @leafer-ui/core @leafer-in/editor @leafer-in/html quill
 
 ## 🚀 快速开始
 
-### 基本使用
+### Vite 项目配置
 
-```typescript
-import { App } from 'leafer-ui'
-import { Editor } from '@leafer-in/editor'
-import { HtmlTextManage } from '@chenyomi/leafer-htmltext-edit'
+为了确保插件正常工作，建议在 Vite 配置中添加以下设置：
 
-// 1. 创建 Leafer 应用
-const app = new App({
-  view: window,
-  tree: {},
-  editor: {}
-})
+```typescript
+// vite.config.ts
+import { defineConfig } from "vite";
 
-// 2. 初始化编辑器
-await HtmlTextManage.init(app)
+export default defineConfig({
+  resolve: {
+    // 确保使用项目的依赖实例
+    dedupe: [
+      "@leafer-ui/core",
+      "@leafer-in/editor",
+      "@leafer-in/html",
+      "leafer-ui",
+      "quill",
+    ],
+  },
+  optimizeDeps: {
+    // 排除插件的预构建
+    exclude: ["@chenyomi/leafer-htmltext-edit"],
+  },
+});
+```
 
-// 3. 创建编辑器实例
-const editor = new Editor({ app })
+### Webpack 项目配置
 
-// 现在可以在画布上编辑文本了！
+```javascript
+// webpack.config.js
+module.exports = {
+  resolve: {
+    // 确保使用单一实例
+    alias: {
+      quill: require.resolve("quill"),
+      "@leafer-ui/core": require.resolve("@leafer-ui/core"),
+      "@leafer-in/editor": require.resolve("@leafer-in/editor"),
+      "@leafer-in/html": require.resolve("@leafer-in/html"),
+      "leafer-ui": require.resolve("leafer-ui"),
+    },
+  },
+};
 ```
 
+
 ### 在 Vue 3 中使用
 
 ```vue
 <template>
-  <div ref="canvasRef" style="width: 100vw; height: 100vh;"></div>
+  <div id="leafer-view" style="width: 100vw; height: 100vh;"></div>
 </template>
 
 <script setup lang="ts">
-import { ref, onMounted } from 'vue'
-import { App } from 'leafer-ui'
-import { Editor } from '@leafer-in/editor'
-import { HtmlTextManage } from '@chenyomi/leafer-htmltext-edit'
-
-const canvasRef = ref<HTMLDivElement>()
-
-onMounted(async () => {
-  const app = new App({
-    view: canvasRef.value,
-    tree: {},
-    editor: {}
-  })
-
-  await HtmlTextManage.init(app)
-  new Editor({ app })
-})
+import { onMounted } from "vue";
+import { App } from "leafer-ui";
+import "leafer-editor";
+import {
+  htmlTextManage,
+  setLicense,
+  setHTMLText,
+  HtmlText,
+} from "@chenyomi/leafer-htmltext-edit";
+// 1. 设置 License（必须在 init 之前）
+const licenseKey = "授权请联系作者";
+const success = setLicense(licenseKey);
+
+if (!success) {
+  console.error("License validation failed");
+  // 可以显示错误提示给用户
+}
+onMounted(() => {
+  const leafer = new App({
+    view: "leafer-view",
+    fill: "#ffffff",
+    editor: {},
+  });
+  htmlTextManage.init(leafer);
+  let { width = 1200, height = 960 } = leafer;
+  const text_ = new HtmlText({
+    editOuter: "TextEditTool",
+    name: "Text",
+    x: width / 2 - 100,
+    y: height * 0.4,
+    editable: true,
+    draggable: true,
+    fontFamily: undefined,
+    fontSize: 30,
+    lineHeight: 1.5,
+    letterSpacing: 0,
+    textShadow: undefined,
+    alignContent: "start",
+  });
+  leafer.tree.add([text_]);
+});
 </script>
 ```
 
 ### 在 React 中使用
 
 ```tsx
-import { useEffect, useRef } from 'react'
-import { App } from 'leafer-ui'
-import { Editor } from '@leafer-in/editor'
-import { HtmlTextManage } from '@chenyomi/leafer-htmltext-edit'
-
-function TextEditor() {
-  const canvasRef = useRef<HTMLDivElement>(null)
-
-  useEffect(() => {
-    if (!canvasRef.current) return
-
-    const app = new App({
-      view: canvasRef.current,
-      tree: {},
-      editor: {}
-    })
-
-    HtmlTextManage.init(app).then(() => {
-      new Editor({ app })
-    })
-  }, [])
-
-  return <div ref={canvasRef} style={{ width: '100vw', height: '100vh' }} />
-}
+// 参考vue3 示例 懒得写demo了
 ```
 
 ### 在 Angular 中使用
 
 ```typescript
-import { Component, ElementRef, ViewChild, AfterViewInit } from '@angular/core'
-import { App } from 'leafer-ui'
-import { Editor } from '@leafer-in/editor'
-import { HtmlTextManage } from '@chenyomi/leafer-htmltext-edit'
-
-@Component({
-  selector: 'app-text-editor',
-  template: '<div #canvas style="width: 100vw; height: 100vh;"></div>'
-})
-export class TextEditorComponent implements AfterViewInit {
-  @ViewChild('canvas') canvasRef!: ElementRef
-
-  async ngAfterViewInit() {
-    const app = new App({
-      view: this.canvasRef.nativeElement,
-      tree: {},
-      editor: {}
-    })
-
-    await HtmlTextManage.init(app)
-    new Editor({ app })
-  }
-}
+// 参考vue3 示例 懒得写demo了
 ```
 
 ## 📚 API 文档
@@ -171,10 +174,11 @@ export class TextEditorComponent implements AfterViewInit {
 初始化 Quill 编辑器并绑定到 Leafer 应用。
 
 ```typescript
-const quill = await HtmlTextManage.init(app)
+const quill = await HtmlTextManage.init(app);
 ```
 
 **参数:**
+
 - `app` - Leafer App 实例
 
 **返回:** Promise<Quill> - Quill 编辑器实例
@@ -184,7 +188,7 @@ const quill = await HtmlTextManage.init(app)
 获取 Quill 实例。
 
 ```typescript
-const quill = HtmlTextManage.getQuill()
+const quill = HtmlTextManage.getQuill();
 ```
 
 **返回:** Quill - Quill 编辑器实例
@@ -194,7 +198,7 @@ const quill = HtmlTextManage.getQuill()
 获取 Leafer App 实例。
 
 ```typescript
-const app = HtmlTextManage.getCanvas()
+const app = HtmlTextManage.getCanvas();
 ```
 
 **返回:** App - Leafer 应用实例
@@ -205,7 +209,7 @@ const app = HtmlTextManage.getCanvas()
 
 ```typescript
 if (HtmlTextManage.isMultiSelect()) {
-  console.log('Multiple objects selected')
+  console.log("Multiple objects selected");
 }
 ```
 
@@ -217,12 +221,13 @@ if (HtmlTextManage.isMultiSelect()) {
 
 ```typescript
 HtmlTextManage.dateEdit((leaf) => {
-  leaf.fontSize = 20
-  leaf.fill = '#ff0000'
-})
+  leaf.fontSize = 20;
+  leaf.fill = "#ff0000";
+});
 ```
 
 **参数:**
+
 - `callback` - 编辑回调函数，接收每个选中的对象
 - `level?` - 可选，编辑层级
 - `listNew?` - 可选，新对象列表
@@ -236,15 +241,16 @@ HtmlTextManage.dateEdit((leaf) => {
 设置授权密钥。
 
 ```typescript
-import { setLicense } from '@chenyomi/leafer-htmltext-edit'
+import { setLicense } from "@chenyomi/leafer-htmltext-edit";
 
-const success = setLicense('your-license-key')
+const success = setLicense("your-license-key");
 if (success) {
-  console.log('License activated successfully')
+  console.log("License activated successfully");
 }
 ```
 
 **参数:**
+
 - `licenseKey` - 授权密钥字符串
 
 **返回:** boolean - 是否成功激活
@@ -254,12 +260,12 @@ if (success) {
 检查授权状态。
 
 ```typescript
-import { checkLicense } from '@chenyomi/leafer-htmltext-edit'
+import { checkLicense } from "@chenyomi/leafer-htmltext-edit";
 
 if (checkLicense()) {
-  console.log('License is valid')
+  console.log("License is valid");
 } else {
-  console.log('License is invalid or expired')
+  console.log("License is invalid or expired");
 }
 ```
 
@@ -270,12 +276,12 @@ if (checkLicense()) {
 获取授权信息。
 
 ```typescript
-import { getLicenseInfo } from '@chenyomi/leafer-htmltext-edit'
+import { getLicenseInfo } from "@chenyomi/leafer-htmltext-edit";
 
-const info = getLicenseInfo()
+const info = getLicenseInfo();
 if (info) {
-  console.log('License holder:', info.name)
-  console.log('Expires at:', info.expirationDate)
+  console.log("License holder:", info.name);
+  console.log("Expires at:", info.expirationDate);
 }
 ```
 
@@ -286,7 +292,7 @@ if (info) {
 自定义的 HTML 文本类，扩展自 Leafer 的文本对象。
 
 ```typescript
-import { HtmlText } from '@chenyomi/leafer-htmltext-edit'
+import { HtmlText } from "@chenyomi/leafer-htmltext-edit";
 
 // HtmlText 会自动注册到 Leafer 中
 // 可以直接在 Leafer 中使用
@@ -299,9 +305,9 @@ import { HtmlText } from '@chenyomi/leafer-htmltext-edit'
 更新 HTML 文本对象。
 
 ```typescript
-import { updataHtmlText } from '@chenyomi/leafer-htmltext-edit'
+import { updataHtmlText } from "@chenyomi/leafer-htmltext-edit";
 
-updataHtmlText(textObject)
+updataHtmlText(textObject);
 ```
 
 #### `setHTMLText(type: string, value: any, inner: any, editor: any, multi: boolean): void`
@@ -309,10 +315,10 @@ updataHtmlText(textObject)
 设置 HTML 文本属性。
 
 ```typescript
-import { setHTMLText } from '@chenyomi/leafer-htmltext-edit'
+import { setHTMLText } from "@chenyomi/leafer-htmltext-edit";
 
 // 设置字体大小
-setHTMLText('fontSize', 24, null, editor, false)
+setHTMLText("fontSize", 24, null, editor, false);
 ```
 
 ## 🎨 使用示例
@@ -320,40 +326,37 @@ setHTMLText('fontSize', 24, null, editor, false)
 ### 设置文本样式
 
 ```typescript
-import { HtmlTextManage } from '@chenyomi/leafer-htmltext-edit'
-
-// 获取 Quill 实例
-const quill = HtmlTextManage.getQuill()
-
-// 设置字体大小
-HtmlTextManage.dateEdit((leaf) => {
-  leaf.fontSize = 24
-})
-
-// 设置字体
-HtmlTextManage.dateEdit((leaf) => {
-  leaf.fontFamily = 'Roboto'
-})
-
-// 设置颜色
-HtmlTextManage.dateEdit((leaf) => {
-  leaf.fill = '#ff0000'
-})
-
-// 设置对齐方式
-HtmlTextManage.dateEdit((leaf) => {
-  leaf.textAlign = 'center' // 'left' | 'center' | 'right' | 'justify'
-})
-
-// 设置行高
-HtmlTextManage.dateEdit((leaf) => {
-  leaf.lineHeight = 1.5
-})
-
-// 设置字间距
-HtmlTextManage.dateEdit((leaf) => {
-  leaf.letterSpacing = 2
-})
+import { setHTMLText } from "@chenyomi/leafer-htmltext-edit";
+```
+```html
+<button @click="setHTMLText('bold')">加粗</button>
+<button @click="setHTMLText('italic')">斜体</button>
+<button @click="setHTMLText('underline')">下划线</button>
+<button @click="setHTMLText('strike')">删除线</button>
+<button @click="setHTMLText('textCase')">大小写</button>
+<button @click="setHTMLText('script', 'super')">上标</button>
+<button @click="setHTMLText('script', 'sub')">下标</button>
+<button @click="setHTMLText('align', false)">左对齐</button>
+<button @click="setHTMLText('align', 'center')">居中对齐</button>
+<button @click="setHTMLText('align', 'right')">右对齐</button>
+<button @click="setHTMLText('alignContent', 'start')">顶部对齐</button>
+<button @click="setHTMLText('alignContent', 'center')">垂直居中</button>
+<button @click="setHTMLText('alignContent', 'end')">底部对齐</button>
+<button @click="setHTMLText('list', 'ordered')">有序列表</button>
+<button @click="setHTMLText('list', 'bullet')">无序列表</button>
+<button @click="setHTMLText('color', '#3CB72C')">#3CB72C</button>
+<button @click="setHTMLText('color', '#000000')">#000000</button>
+<button @click="setHTMLText('lineHeight', 1.5)">行高1.5</button>
+<button @click="setHTMLText('lineHeight', 3)">行高3.0</button>
+<button @click="setHTMLText('letterSpacing', 0)">字间距0</button>
+<button @click="setHTMLText('letterSpacing', 3)">字间距3</button>
+<button @click="setHTMLText('textShadow', '3px 3px 3px rgba(0, 0, 0, 0.5)')">
+  Shadow
+</button>
+<button @click="setHTMLText('textShadow', undefined)">无Shadow</button>
+<button @click="changeFontFamily">字体</button>
+<button @click="setHTMLText('fontSize', 100)">大字号</button>
+<button @click="reload">重置</button>
 ```
 
 ### 批量编辑多个对象
@@ -362,230 +365,111 @@ HtmlTextManage.dateEdit((leaf) => {
 // 当选中多个文本对象时
 if (HtmlTextManage.isMultiSelect()) {
   HtmlTextManage.dateEdit((leaf) => {
-    leaf.fontSize = 18
-    leaf.fontFamily = 'Inter'
-    leaf.fill = '#333333'
-    leaf.textAlign = 'center'
-  })
+    leaf.fontSize = 18;
+    leaf.fontFamily = "Inter";
+    leaf.fill = "#333333";
+    leaf.textAlign = "center";
+  });
 }
 ```
 
 ### 监听文本变化
 
 ```typescript
-const quill = HtmlTextManage.getQuill()
+const quill = HtmlTextManage.getQuill();
 
 // 监听文本内容变化
-quill.on('text-change', (delta, oldDelta, source) => {
-  console.log('Text changed:', delta)
-  console.log('Source:', source) // 'user' 或 'api'
-})
+quill.on("text-change", (delta, oldDelta, source) => {
+  console.log("Text changed:", delta);
+  console.log("Source:", source); // 'user' 或 'api'
+});
 
 // 监听选区变化
-quill.on('selection-change', (range, oldRange, source) => {
+quill.on("selection-change", (range, oldRange, source) => {
   if (range) {
-    console.log('Selection:', range.index, range.length)
+    console.log("Selection:", range.index, range.length);
   } else {
-    console.log('Editor lost focus')
+    console.log("Editor lost focus");
   }
-})
+});
 
 // 监听编辑器变化
-quill.on('editor-change', (eventName, ...args) => {
-  console.log('Editor event:', eventName)
-})
+quill.on("editor-change", (eventName, ...args) => {
+  console.log("Editor event:", eventName);
+});
 ```
 
 ### 格式化文本
 
 ```typescript
-const quill = HtmlTextManage.getQuill()
+const quill = HtmlTextManage.getQuill();
 
 // 加粗
-quill.format('bold', true)
+quill.format("bold", true);
 
 // 斜体
-quill.format('italic', true)
+quill.format("italic", true);
 
 // 下划线
-quill.format('underline', true)
+quill.format("underline", true);
 
 // 删除线
-quill.format('strike', true)
+quill.format("strike", true);
 
 // 上标
-quill.format('script', 'super')
+quill.format("script", "super");
 
 // 下标
-quill.format('script', 'sub')
+quill.format("script", "sub");
 
 // 列表
-quill.format('list', 'ordered')  // 有序列表
-quill.format('list', 'bullet')   // 无序列表
+quill.format("list", "ordered"); // 有序列表
+quill.format("list", "bullet"); // 无序列表
 ```
 
 ### 插入内容
 
 ```typescript
-const quill = HtmlTextManage.getQuill()
+const quill = HtmlTextManage.getQuill();
 
 // 插入文本
-quill.insertText(0, 'Hello World!')
+quill.insertText(0, "Hello World!");
 
 // 插入带格式的文本
-quill.insertText(0, 'Hello', { bold: true, color: 'red' })
+quill.insertText(0, "Hello", { bold: true, color: "red" });
 
 // 获取文本内容
-const text = quill.getText()
+const text = quill.getText();
 
 // 获取 HTML 内容
-const html = quill.root.innerHTML
+const html = quill.root.innerHTML;
 
 // 设置内容
 quill.setContents([
-  { insert: 'Hello ' },
-  { insert: 'World', attributes: { bold: true } },
-  { insert: '\n' }
-])
+  { insert: "Hello " },
+  { insert: "World", attributes: { bold: true } },
+  { insert: "\n" },
+]);
 ```
 
 ## 🔤 支持的字体
 
-插件内置以下字体支持，所有字体通过 Google Fonts CDN 加载：
-
-### 西文字体
-- **Roboto** - Google 设计的现代无衬线字体
-- **Roboto Mono** - 等宽字体
-- **Inter** - 现代 UI 字体
-- **Open Sans** - 清晰易读
-- **Montserrat** - 几何无衬线
-- **Lato** - 人文主义无衬线
-- **Poppins** - 几何无衬线
-- **Arimo** - 无衬线字体
-
-### 衬线字体
-- **Merriweather** - 可读性强的衬线字体
-- **Playfair Display** - 优雅的显示字体
-- **Noto Serif** - Google Noto 衬线
-- **Spectral** - 现代衬线字体
-
-### 手写字体
-- **Dancing Script** - 手写风格
-
-### 中日韩字体
-- **Noto Sans SC** - 思源黑体简体中文
-- **Noto Serif SC** - 思源宋体简体中文
-- **Noto Sans TC** - 思源黑体繁体中文
-- **Noto Sans HK** - 思源黑体香港
-- **Noto Serif TC** - 思源宋体繁体中文
-- **Noto Serif HK** - 思源宋体香港
-- **Noto Sans JP** - 思源黑体日文
-- **Noto Sans KR** - 思源黑体韩文
-
-### 自定义字体
-
+### 自定义字体（重要‼️）
+### 编辑器分为内部编辑器和外部编辑器
+### 内部编辑器的字体要在当前项目加载好
+### 外部编辑器的字体要在下面的方式传入base64用于显示Html转成Svg内嵌的字体
 ```typescript
-import { HtmlTextManage } from '@chenyomi/leafer-htmltext-edit'
+import { HtmlTextManage } from "@chenyomi/leafer-htmltext-edit";
 
 // 获取 Quill 实例
-const quill = HtmlTextManage.getQuill()
-
-// 注册自定义字体
-const Font = quill.constructor.import('formats/font')
-Font.whitelist = [...Font.whitelist, 'CustomFont']
-quill.constructor.register(Font, true)
-
-// 在 CSS 中定义字体
-const style = document.createElement('style')
-style.textContent = `
-  @font-face {
-    font-family: 'CustomFont';
-    src: url('/fonts/custom-font.woff2') format('woff2');
-  }
-  .ql-font-CustomFont {
-    font-family: 'CustomFont', sans-serif;
-  }
-`
-document.head.appendChild(style)
-```
+const quill = HtmlTextManage.getQuill();
 
-## ⚙️ 高级配置
-
-### Vite 项目配置
+const fontFamily = '"Dancing Script", cursive';
+const fontBase64 = "字体的base64编码"
+setHTMLText("font", fontFamily, fontBase64);
 
-为了确保插件正常工作，建议在 Vite 配置中添加以下设置：
-
-```typescript
-// vite.config.ts
-import { defineConfig } from 'vite'
-
-export default defineConfig({
-  resolve: {
-    // 确保使用项目的依赖实例
-    dedupe: [
-      '@leafer-ui/core',
-      '@leafer-in/editor',
-      '@leafer-in/html',
-      'leafer-ui',
-      'quill'
-    ]
-  },
-  optimizeDeps: {
-    // 排除插件的预构建
-    exclude: ['@chenyomi/leafer-htmltext-edit']
-  }
-})
-```
-
-### Webpack 项目配置
-
-```javascript
-// webpack.config.js
-module.exports = {
-  resolve: {
-    // 确保使用单一实例
-    alias: {
-      'quill': require.resolve('quill'),
-      '@leafer-ui/core': require.resolve('@leafer-ui/core'),
-      '@leafer-in/editor': require.resolve('@leafer-in/editor'),
-      '@leafer-in/html': require.resolve('@leafer-in/html'),
-      'leafer-ui': require.resolve('leafer-ui')
-    }
-  }
-}
 ```
 
-### 自定义样式
-
-如果需要自定义编辑器样式，可以覆盖 CSS：
-
-```css
-/* 覆盖编辑器容器样式 */
-#textInnerEditor {
-  border: 2px solid #e0e0e0;
-  border-radius: 4px;
-  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
-}
-
-/* 覆盖 Quill 编辑器样式 */
-.ql-editor {
-  font-family: 'Inter', sans-serif;
-  font-size: 16px;
-  line-height: 1.6;
-}
-
-/* 占位符样式 */
-.ql-editor.ql-blank::before {
-  color: #999;
-  content: attr(data-placeholder);
-}
-
-/* 工具栏样式 */
-.ql-toolbar {
-  background: #f5f5f5;
-  border-bottom: 1px solid #e0e0e0;
-}
-```
 
 ### TypeScript 配置
 
@@ -623,37 +507,6 @@ npm install
 # 生产构建（混淆压缩）
 npm run build
 
-# 开发构建（不混淆）
-npm run build:dev
-
-# 监听模式（开发时使用）
-npm run build:watch
-```
-
-### 本地测试
-
-```bash
-# 在插件目录
-npm link
-
-# 在你的项目目录
-npm link @chenyomi/leafer-htmltext-edit
-```
-
-### 发布到 npm
-
-```bash
-# 1. 更新版本号
-npm version patch  # 1.0.0 -> 1.0.1
-npm version minor  # 1.0.0 -> 1.1.0
-npm version major  # 1.0.0 -> 2.0.0
-
-# 2. 构建
-npm run build
-
-# 3. 发布
-npm publish
-```
 
 ## 📝 常见问题
 
@@ -662,12 +515,13 @@ npm publish
 A: 插件的 CSS 会自动注入，无需手动导入。如果遇到样式问题，可以手动导入 Quill CSS：
 
 ```typescript
-import 'quill/dist/quill.core.css'
+import "quill/dist/quill.core.css";
 ```
 
 ### Q: 为什么编辑器不显示？
 
 A: 请确保：
+
 1. 已正确安装所有 peer dependencies
 2. 调用了 `HtmlTextManage.init(app)` 并等待 Promise 完成
 3. 创建了 `Editor` 实例
@@ -677,6 +531,7 @@ A: 请确保：
 ### Q: 支持哪些浏览器？
 
 A: 支持所有现代浏览器：
+
 - Chrome 90+
 - Firefox 88+
 - Safari 14+
@@ -684,35 +539,12 @@ A: 支持所有现代浏览器：
 
 不支持 IE11 及更早版本。
 
-### Q: 如何自定义字体？
-
-A: 可以通过修改 Quill 的字体配置：
-
-```typescript
-const quill = HtmlTextManage.getQuill()
-const Font = quill.constructor.import('formats/font')
-Font.whitelist = [...Font.whitelist, 'MyFont1', 'MyFont2']
-quill.constructor.register(Font, true)
-```
-
-然后在 CSS 中定义字体样式。
-
-### Q: 文本编辑器的位置不对？
-
-A: 这通常是由于画布缩放导致的。编辑器会自动处理缩放，如果仍有问题：
-1. 检查 CSS transform 设置
-2. 确保父容器没有 position: relative 之外的定位
-3. 检查 z-index 层级
-
 ### Q: 如何获取授权？
 
 A: 请联系开发者获取商业授权密钥：
-- Email: chenyomi@example.com
-- GitHub: [@chenyomi](https://github.com/chenyomi)
 
-### Q: 性能优化建议？
+- Email: 408550179@qq.com
 
-A: 
 1. 使用 `build:watch` 模式开发，避免频繁重新构建
 2. 大型文档建议分段加载
 3. 避免在短时间内频繁调用 `dateEdit`
@@ -723,15 +555,15 @@ A:
 A: Quill 2.0 已经内置了对中文输入法的支持。如果遇到问题：
 
 ```typescript
-const quill = HtmlTextManage.getQuill()
+const quill = HtmlTextManage.getQuill();
 
 // 监听输入法组合
 quill.keyboard.addBinding({
-  key: 'Enter',
-  handler: function(range, context) {
+  key: "Enter",
+  handler: function (range, context) {
     // 自定义处理逻辑
-  }
-})
+  },
+});
 ```
 
 ## 🤝 贡献
@@ -766,9 +598,8 @@ quill.keyboard.addBinding({
 
 **chenyomi**
 
-- GitHub: [@chenyomi](https://github.com/chenyomi)
 - npm: [@chenyomi](https://www.npmjs.com/~chenyomi)
-- Email: chenyomi@example.com
+- Email: 408550179@qq.com
 
 ## 🙏 致谢
 
@@ -777,14 +608,6 @@ quill.keyboard.addBinding({
 - [TypeScript](https://www.typescriptlang.org/) - JavaScript 的超集
 - [Google Fonts](https://fonts.google.com/) - 优质的开源字体
 
-## 🔗 相关链接
-
-- [在线演示](https://chenyomi.github.io/leafer-htmltext-edit-demo)
-- [完整文档](https://chenyomi.github.io/leafer-htmltext-edit)
-- [更新日志](./CHANGELOG.md)
-- [快速开始](./QUICKSTART.md)
-- [问题反馈](https://github.com/chenyomi/leafer-htmltext-edit/issues)
-
 ## 📊 统计
 
 ![npm version](https://img.shields.io/npm/v/@chenyomi/leafer-htmltext-edit)
@@ -795,4 +618,4 @@ quill.keyboard.addBinding({
 
 ---
 
-如果这个项目对你有帮助，请给个 ⭐️ Star！你的支持是我们最大的动力！
+如果这个项目对你有帮助，请给个 ⭐️ Star！你的支持是我们最大的动力！

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@chenyomi/leafer-htmltext-edit",
-  "version": "2.1.2",
+  "version": "2.1.4",
   "description": "A text editor plugin for Leafer UI with HTML text support",
   "main": "dist/index.cjs",
   "module": "dist/index.mjs",