打印设计器

介绍（Introduction）

一个可以自由拖拽的打印设计器，可自由拖拽文本，图片，表格，pdf元素自定义位置，样式进行打印，也可链接表格api对表格数据进行自动打印

包含元素

• 文字
• 图片
• PDF
• 表格
• word模版(待支持)
• 其他类型辅助线(待支持)

Demo

https://react-table-designer.vercel.app/

项目安装使用

安装（Install）:

$ git clone git@github.com:laboonly/react-table-designer.git
$ cd react-table-designer
$ pnpm install

# npm install
# yarn install

使用（Usage）

Let's run!

$ pnpm run dev

# npm run dev
# yarn run dev

后续计划

• 辅助线
  • 拖拽时的辅助提示
• 多选对齐
• 添加字体
• 添加元素层级
• 键盘操作
  • 删除
  • 撤销
  • 多选
  • 复制
• word模版打印
• 表格元素操作优化
• 打印的优化
  • 添加页面分割线
  • 多页面打印

意见建议

Feel free to dive in! Open an issue or submit PRs.

License

MIT