@appthen/tiptap-extended

@appthen/tiptap-extended

🚀 扩展版 Tiptap 编辑器 - 包含常用扩展的 Tiptap React 编辑器包

✨ 特性

• 📝 丰富的文本格式 - 粗体、斜体、下划线、上标、下标
• 🎨 样式控制 - 文字颜色、高亮、对齐方式
• 🔗 媒体支持 - 链接、图片插入
• 📊 表格功能 - 完整的表格编辑支持
• 💻 代码支持 - 代码块和语法高亮
• 🎯 开箱即用 - 预配置常用扩展
• 📦 多格式支持 - ESM/CJS/UMD 三种格式

📦 安装

# npm
npm install @appthen/tiptap-extended

# yarn
yarn add @appthen/tiptap-extended

# pnpm
pnpm add @appthen/tiptap-extended

🚀 快速开始

ESM 导入 (推荐)

import { useEditor, EditorContent, StarterKit, Underline, Superscript, Subscript } from '@appthen/tiptap-extended';

function MyEditor() {
  const editor = useEditor({
    extensions: [
      StarterKit,
      Underline,
      Superscript,  // 上标 H²O
      Subscript,    // 下标 CO₂
    ],
    content: '<p>水的化学式是 H<sup>2</sup>O，二氧化碳是 CO<sub>2</sub></p>',
  });

  return <EditorContent editor={editor} />;
}