# xb-editor-py

**Repository Path**: pythonxueba/xb-editor-py

## Basic Information

- **Project Name**: xb-editor-py
- **Description**: XB Markdown Editor - AI Powered
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: main
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 1
- **Created**: 2026-01-16
- **Last Updated**: 2026-01-16

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# XB Markdown 编辑器

一个基于 Flask 的功能强大的 Markdown 编辑器，支持实时预览、AI 智能生成、多种样式和纹理。

## ✨ 核心功能

- 📝 **实时预览**：左侧编辑，右侧实时渲染预览
- 🤖 **AI 智能生成**：集成 NVIDIA API，支持多种 AI 模式
  - 快速生成
  - 标准生成
  - 深度生成
  - 内容扩写
  - 内容润色
  - 内容总结
  - 语言翻译
  - 代码优化
- 🎨 **多种网站主题**：24 种颜色主题可选
- 🖼️ **背景纹理**：25 种背景纹理可选
- 🌈 **代码高亮**：36 种代码高亮主题
- 📐 **数学公式**：支持 KaTeX 数学公式渲染
- 📋 **智能复制**：支持复制完整格式的 Markdown 内容
- 💾 **导出功能**：导出为带完整样式的 HTML 文件
- ⌨️ **快捷键**：支持撤销/重做（Ctrl+Z / Ctrl+Shift+Z）
- 💾 **设置持久化**：自动保存用户设置到浏览器本地存储

## 🚀 快速开始

### 环境要求

- Python 3.8+
- Flask

### 安装运行

```bash
# 克隆项目
git clone https://gitee.com/pythonxueba/xb-editor-py.git
cd xb-editor-py

# 运行
python app.py
```

浏览器访问 `http://localhost:5000` 即可使用。

## 🔑 API 配置

首次使用 AI 功能需要配置 NVIDIA API 密钥：

1. 访问 [build.nvidia.com](https://build.nvidia.com/) 获取免费的 API 密钥
2. 点击编辑器顶部"设置"按钮
3. 输入 API 密钥并保存

## 📸 技术栈

- **后端**：Python + Flask
- **前端**：React 18.2.0
- **样式**：Tailwind CSS
- **Markdown 解析**：Marked.js
- **代码高亮**：Highlight.js
- **数学公式**：KaTeX
- **图标**：FontAwesome 6

## 🎯 特性

- 单文件部署，开箱即用
- 响应式设计，支持移动端
- 支持 CORS 跨域访问
- 流式 AI 响应，实时生成
- 丰富的编辑器样式（15 种）
- 网站主题全局切换
- 代码块背景随主题动态变化

## 📝 使用说明

1. **编辑**：在左侧编辑器输入 Markdown 内容
2. **预览**：右侧实时显示渲染结果
3. **样式**：通过顶部工具栏切换纹理、代码主题、网站主题
4. **AI 助手**：点击"AI 助手"按钮，选择模式并输入提示词
5. **复制/下载**：使用顶部按钮复制或导出内容

## 🌟 示例

支持以下 Markdown 语法：

- 标题（# H1 - ###### H6）
- **粗体** 和 *斜体*
- [链接](https://example.com)
- ![图片](image.jpg)
- `行内代码` 和代码块
- > 引用
- - 列表
- 表格
- 数学公式（行内 `$E=mc^2` 和块级 `$$x^2$$`）

## 📄 许可证

MIT License

## 📮 关注

欢迎关注 python 学霸公众号：https://mp.weixin.qq.com/s/iqL86oYXWhiFg7y3cGXJ6w