@mario9/tiptap-editor 0.1.0

package/README.md

@@ -0,0 +1,23 @@
+# Tiptap Vue 富文本编辑器
+
+## 技术栈
+- vue 3.5.25
+- element-plus 2.13.3
+- @tiptap/core 3.20.0
+
+## 代码结构
+```
+src/
+├── App.vue                   # 初始化编辑器，渲染工具栏 + 编辑器内容
+├── editor.scss               # 工具栏和编辑器样式
+├── components/
+│   └── IconButton.tsx        # 基础按钮，包裹 ElButton 和 ElTooltip
+├── tiptap-ui/                # 工具栏按钮组
+│   ├── UndoRedoButton.tsx    # 撤销重做
+│   ├── TextStyleButton.tsx   # 加粗、斜体、删除线、下划线、链接
+│   ├── TextAlignButton.tsx   # 左边对齐、中间对齐、右边对齐、两端对齐
+│   ├── ListButton.tsx        # 无序列表、有序列表、任务列表
+│   └── ImageButton.tsx       # 图片上传
+├── tiptap-icons/             # SVG 图标组件 (TSX)
+└── tiptap-extension/         # Tiptap extensions
+``` 

package/dist/index.d.ts

@@ -0,0 +1,80 @@
+import { Component } from 'vue';
+import { ComponentOptionsMixin } from 'vue';
+import { ComponentProvideOptions } from 'vue';
+import { DefineComponent } from 'vue';
+import { ExtractPropTypes } from 'vue';
+import { ImageOptions } from '@tiptap/extension-image';
+import { JSX } from 'vue/jsx-runtime';
+import { Node as Node_2 } from '@tiptap/core';
+import { PropType } from 'vue';
+import { PublicProps } from 'vue';
+
+declare type __VLS_Props = {
+    modelValue?: string;
+    placeholder?: string;
+};
+
+export declare const IconButton: DefineComponent<ExtractPropTypes<    {
+icon: {
+type: PropType<Component>;
+required: boolean;
+};
+tooltip: {
+type: StringConstructor;
+required: boolean;
+};
+isActive: {
+type: BooleanConstructor;
+};
+disabled: {
+type: BooleanConstructor;
+default: boolean;
+};
+onClick: {
+type: PropType<() => void>;
+};
+}>, () => JSX.Element, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ExtractPropTypes<    {
+icon: {
+type: PropType<Component>;
+required: boolean;
+};
+tooltip: {
+type: StringConstructor;
+required: boolean;
+};
+isActive: {
+type: BooleanConstructor;
+};
+disabled: {
+type: BooleanConstructor;
+default: boolean;
+};
+onClick: {
+type: PropType<() => void>;
+};
+}>> & Readonly<{}>, {
+isActive: boolean;
+disabled: boolean;
+}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
+
+export declare const ImageWithAlign: Node_2<ImageOptions, any>;
+
+export declare const TiptapEditor: DefineComponent<__VLS_Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+"update:modelValue": (value: string) => any;
+}, string, PublicProps, Readonly<__VLS_Props> & Readonly<{
+"onUpdate:modelValue"?: ((value: string) => any) | undefined;
+}>, {
+placeholder: string;
+modelValue: string;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
+
+export { }
+
+
+declare module '@tiptap/core' {
+    interface Commands<ReturnType> {
+        imageUpload: {
+            setImageUploadNode: () => ReturnType;
+        };
+    }
+}