# tswiki_clipper

**Repository Path**: x-hd2007/tswiki_clipper

## Basic Information

- **Project Name**: tswiki_clipper
- **Description**: tswiki 知识库浏览器剪裁插件
- **Primary Language**: JavaScript
- **License**: GPL-3.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2026-08-04
- **Last Updated**: 2026-08-12

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# tswiki_clipper

#### 介绍
tswiki 知识库浏览器剪裁插件代码库。实现浏览内容剪裁、内容收集，并保存到后台知识库。

### 软件架构
软件架构说明

#### 技术栈

| 类别 | 技术 | 版本 | 用途 |
|------|------|------|------|
| 框架 | Vue 3 + Quasar | 2.18 | UI 框架与响应式构建 |
| 路由 | Vue Router | 4 | SPA 页面路由 |
| 状态管理 | Pinia | 3 | 全局状态（当前已初始化未实际使用 store） |
| Markdown 编辑 | EasyMDE | 2.18 | 所见即所得 Markdown 编辑器 |
| HTML → Markdown | turndown + turndown-plugin-gfm | 7.2 | 网页 HTML 转为 Markdown |
| DOM 安全 | dompurify | 3.4 | HTML 净化（已导入未使用） |
| HTTP | axios | 1.17 | API 请求客户端 |
| DOM 操作 | jQuery | 4.0 | DOM 遍历（主要用于图片标签遍历） |
| 图标 | Font Awesome 4.7 + Material Icons | — | UI 图标 |
| 构建 | @quasar/app-vite | 2.1 | 项目构建工具链 |

#### 构建过程

1.  cmd 或 powershell 进入代码目录
2.  npm install
3.  npm run build:chrome 或 npm run build:firefox 构建

#### 使用说明

1. 详细使用说明请见[剪裁插件使用说明](https://tswiki.cn/pages/wiki/%E4%BD%BF%E7%94%A8%E8%AF%B4%E6%98%8E/%E5%89%AA%E8%A3%81%E6%8F%92%E4%BB%B6)