vue-editor-prose-kit 0.1.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2017 goodboy
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,66 @@
+# vue-editor-prose-kit
+
+基于 Vue 3 + Tiptap 的富文本编辑器组件库。
+
+## 功能
+
+- 可配置工具栏（分组/按钮开关）
+- 内置链接编辑面板
+- 图片上传适配接口（支持自定义上传实现）
+- 内容安全清洗（DOMPurify）
+- 支持 `v-model`、事件回调和实例方法暴露
+
+## 安装
+
+```bash
+npm install vue-editor-prose-kit
+```
+
+## Node 版本
+
+- 推荐使用 `Node >= 20.19`（仓库内置 `.nvmrc` 为 `22`）
+
+## 快速使用
+
+```vue
+<template>
+  <VueEditor v-model="content" :upload-image="uploadImage" />
+</template>
+
+<script setup>
+import { ref } from "vue";
+import { VueEditor } from "vue-editor-prose-kit";
+
+const content = ref("<p>Hello editor</p>");
+
+async function uploadImage(file) {
+  // 替换成你的上传逻辑，返回图片 URL
+  const arrayBuffer = await file.arrayBuffer();
+  void arrayBuffer;
+  return "https://your-cdn.example.com/image.png";
+}
+</script>
+```
+
+## 本地开发
+
+```bash
+npm install
+npm run build
+npm run docs:dev
+```
+
+## Vercel 部署
+
+```bash
+# 预览环境部署
+npm run vercel:deploy
+
+# 生产环境部署
+npm run vercel:deploy:prod
+```
+
+## 文档
+
+- 本地文档服务: [http://localhost:5173](http://localhost:5173)
+- 在线预览页面: `/guide/playground`

package/dist/vue-editor-prose-kit.css

@@ -0,0 +1,2 @@
+.vue-editor[data-v-97ac2982]{background:#fff;border:1px solid #dcdfe6;border-radius:8px;overflow:hidden}.vue-editor.is-disabled[data-v-97ac2982]{opacity:.78}.editor-toolbar[data-v-97ac2982]{background:#f8fafc;border-bottom:1px solid #ebeef5;flex-wrap:wrap;gap:8px;padding:10px;display:flex}.toolbar-group[data-v-97ac2982]{border-right:1px solid #e5e7eb;align-items:center;gap:4px;padding-right:8px;display:inline-flex}.toolbar-group[data-v-97ac2982]:last-child{border-right:none;padding-right:0}.toolbar-select[data-v-97ac2982],.toolbar-btn[data-v-97ac2982],.link-btn[data-v-97ac2982]{color:#1f2937;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:6px;padding:8px 10px;font-size:13px;line-height:1}.toolbar-btn[data-v-97ac2982]{justify-content:center;align-items:center;min-width:36px;min-height:34px;padding:7px 8px;display:inline-flex}.btn-icon[data-v-97ac2982]{letter-spacing:.2px;font-size:14px;font-weight:600}.toolbar-btn[data-v-97ac2982]:hover,.toolbar-select[data-v-97ac2982]:hover,.link-btn[data-v-97ac2982]:hover{border-color:#9ca3af}.toolbar-btn.active[data-v-97ac2982]{color:#1d4ed8;background:#eff6ff;border-color:#2563eb}.toolbar-btn[data-v-97ac2982]:disabled{opacity:.45;cursor:not-allowed}.link-editor[data-v-97ac2982]{background:#f9fafb;border-bottom:1px solid #ebeef5;align-items:center;gap:8px;padding:10px;display:flex}.link-input[data-v-97ac2982]{border:1px solid #d1d5db;border-radius:6px;flex:1;min-width:160px;padding:8px 10px;font-size:13px}.link-input[data-v-97ac2982]:focus{border-color:#2563eb;outline:none;box-shadow:0 0 0 2px #2563eb26}.link-btn.primary[data-v-97ac2982]{color:#fff;background:#2563eb;border-color:#2563eb}.editor-body[data-v-97ac2982]{padding:14px}.hidden-file-input[data-v-97ac2982]{display:none}[data-v-97ac2982] .ProseMirror{min-height:inherit;color:#111827;outline:none;line-height:1.75}[data-v-97ac2982] .ProseMirror p.is-editor-empty:first-child:before{color:#9ca3af;content:attr(data-placeholder);float:left;pointer-events:none;height:0}[data-v-97ac2982] .ProseMirror p,[data-v-97ac2982] .ProseMirror h1,[data-v-97ac2982] .ProseMirror h2,[data-v-97ac2982] .ProseMirror h3,[data-v-97ac2982] .ProseMirror blockquote,[data-v-97ac2982] .ProseMirror ul,[data-v-97ac2982] .ProseMirror ol,[data-v-97ac2982] .ProseMirror pre{margin:0 0 12px}[data-v-97ac2982] .ProseMirror h1{font-size:28px}[data-v-97ac2982] .ProseMirror h2{font-size:24px}[data-v-97ac2982] .ProseMirror h3{font-size:20px}[data-v-97ac2982] .ProseMirror blockquote{color:#374151;background:#fff7ed;border-left:4px solid #f87171;margin-left:0;padding:8px 12px}[data-v-97ac2982] .ProseMirror pre{color:#f9fafb;background:#111827;border-radius:6px;padding:10px 12px;overflow-x:auto}[data-v-97ac2982] .ProseMirror ul,[data-v-97ac2982] .ProseMirror ol{padding-left:22px}[data-v-97ac2982] .ProseMirror a{color:#2563eb;text-decoration:underline}[data-v-97ac2982] .ProseMirror img{border-radius:6px;max-width:100%;display:block}.sr-only[data-v-97ac2982]{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}
+/*$vite$:1*/