mirror of https://github.com/chaitin/PandaWiki.git
f34864621a
---- 1. hover 展示 table handle，点击可对表格的行/列进行操作 2. hover 展示 insert button，点击可相对当前行左右插入行，当前列左右插入列 3. 多选选中单元格支持对选中单元格设置 4. hover 最后一行/列展示 insert handle，点击可最后一行/列后面插入行/列 ---- fix: 修复了编辑器的一些问题 ---- 1. 修复了编辑模式图片不能预览的问题 2. 修复了设置文字大小后，行高未能自动变化的问题 3. 修复了创建标题，输入拼音被打断 IME 问题 4. 修复了编辑页面编辑器聚焦时 cmd+s 保存无反应 5. 修复了空格缩进导致代码块不展示的问题 6. 视频支持设置自适应宽度,四角拖拽改变宽高,支持水平对齐设置 ---- |
||
|---|---|---|
| .. | ||
| api-templates | ||
| public | ||
| src | ||
| ssl | ||
| .dockerignore | ||
| .gitignore | ||
| .prettierignore | ||
| Dockerfile | ||
| Makefile | ||
| README.md | ||
| eslint.config.js | ||
| index.html | ||
| nginx.conf | ||
| package.json | ||
| prettier.config.js | ||
| server.conf | ||
| swagger.api.config.ts | ||
| tsconfig.app.json | ||
| tsconfig.json | ||
| tsconfig.node.json | ||
| vite.config.ts | ||
README.md
PandaWiki Admin
项目概述
PandaWiki Admin 是一个基于现代前端技术栈构建的管理后台，用于管理 PandaWiki 的内容和功能。项目采用 React 19 和 Vite 作为开发工具，集成了丰富的 UI 组件和编辑器功能。
功能特性
- 富文本编辑：支持 Markdown 和 Tiptap 编辑器
- 拖拽排序：使用 DnD Kit 实现灵活的拖拽功能
- 图表展示：集成 ECharts 用于数据可视化
- 表单管理：基于 React Hook Form 实现动态表单
- API 文档生成：支持 Swagger API 自动生成
技术栈
- 前端框架: React 19
- 构建工具: Vite
- UI 组件库: Material-UI (MUI)
- 状态管理: Redux Toolkit
- 路由: React Router DOM
- 富文本编辑器: Tiptap
安装与运行
-
克隆项目：
git clone https://github.com/your-repo/PandaWiki.git -
安装依赖：
pnpm install -
配置环境变量：
-
在项目根目录下，新建文件
.env.local, 根据需求修改环境变量，实际字段如下：# 目标服务配置 TARGET=http://your_target_ip:8000 # 后端服务地址 STATIC_FILE_TARGET=https://your_static_file_ip:2443 # 静态文件服务地址 # 开发相关 DEV_KB_ID=your_dev_kb_id # 开发环境知识库ID # Swagger 配置 SWAGGER_BASE_URL=http://your_swagger_ip:8000 # Swagger API 文档地址 SWAGGER_AUTH_TOKEN=your_swagger_token # Swagger 认证令牌
-
-
启动开发服务器：
pnpm dev -
构建生产版本：
pnpm build -
启动生产服务器：
pnpm start
其他命令
- 下载图标资源：
pnpm icon - 生成 API 文档：
pnpm api
环境配置
- 开发环境变量文件：
.env.local - 生产环境配置：
nginx.conf和Dockerfile
项目结构
├── src/ # 源代码目录
├── public/ # 静态资源
├── scripts/ # 脚本工具
├── api-templates/ # API 模板
├── dist/ # 构建输出
├── ssl/ # SSL 证书
└── ...