# Bloger MP Editor

**Repository Path**: Shift-Bloger/Bloger-MP-Editor

## Basic Information

- **Project Name**: Bloger MP Editor
- **Description**: 一个基于 Vue 3 和 Tiptap 构建的微信公众号文章编辑器，支持实时预览、经典工具栏和深色模式。
- **Primary Language**: TypeScript
- **License**: MIT
- **Default Branch**: main
- **Homepage**: https://editor.shiftt.cn
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2026-04-19
- **Last Updated**: 2026-05-19

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# Bloger MP Editor

一个基于 Vue 3 和 Tiptap 构建的微信公众号文章编辑器，支持实时预览、经典工具栏和深色模式。

## 功能特性

- **实时预览**：右侧实时预览公众号文章效果，小屏幕自动切换为侧边栏
- **深色模式**：编辑器 UI 和 Ant Design Vue 弹窗全面支持深色主题
- **经典工具**：包含标题、字体、对齐、方向、列表、表格、颜色、代码块、查找替换等功能
- **方向切换**：支持切换为左到右和右到左方向编辑
- **维吾尔语**：支持维吾尔语自定义字体
- **媒体插入**：支持插入图片、视频、PDF

## 开发

```bash
npm install
npm run dev
```

## 构建

```bash
npm run build
```

## 技术栈

- Vue 3 + TypeScript
- Tiptap 编辑器
- Ant Design Vue
- Remix Icon

## 致谢

本项目基于以下开源项目构建和启发：

- [htmlxudong/vue3-tiptap](https://github.com/htmlxudong/vue3-tiptap)
- [tiptap](https://github.com/ueberdosis/tiptap) 和 [ProseMirror](https://prosemirror.net/)
- [Remix Icon](https://remixicon.com/)

## 许可证

MIT