{"_id":"@alonetech/canvas-editor","name":"@alonetech/canvas-editor","dist-tags":{"latest":"0.1.0"},"versions":{"0.1.0":{"name":"@alonetech/canvas-editor","author":{"name":"aLoNe.Adams.K"},"license":"MIT","version":"0.1.0","description":"canvas/svg的富文本编辑器，原始作者为Hufe921","publishConfig":{"registry":"https://registry.npmjs.org/","access":"public"},"typings":"./dist/src/editor/index.d.ts","main":"./dist/canvas-editor.umd.js","module":"./dist/canvas-editor.es.js","homepage":"https://github.com/aLoNeIT/canvas-editor","repository":{"type":"git","url":"git+https://github.com/aLoNeIT/canvas-editor.git"},"keywords":["canvas-editor","editor","wysiwyg","emr"],"engines":{"node":">=16.9.1"},"type":"module","scripts":{"dev":"vite","lib":"npm run lint && tsc && vite build --mode lib","build":"npm run lint && tsc && vite build --mode app","serve":"vite preview","lint":"eslint .","cypress:open":"cypress open","cypress:run":"cypress run","type:check":"tsc --noEmit","docs:dev":"vitepress dev docs","docs:build":"vitepress build docs","docs:preview":"vitepress preview docs","postinstall":"simple-git-hooks","release":"node scripts/release.js"},"devDependencies":{"@rollup/plugin-typescript":"^10.0.1","@types/node":"16.18.96","@types/prismjs":"^1.26.0","@typescript-eslint/eslint-plugin":"5.62.0","@typescript-eslint/parser":"5.62.0","cypress":"13.6.0","cypress-file-upload":"^5.0.8","eslint":"7.32.0","jspdf":"2.5.1","simple-git-hooks":"^2.8.1","typescript":"4.9.5","vite":"^2.4.2","vite-plugin-css-injected-by-js":"^2.1.1","vitepress":"1.0.0-beta.6","vue":"^3.2.45"},"dependencies":{"prismjs":"^1.30.0"},"simple-git-hooks":{"pre-commit":"npm run lint && npm run type:check","commit-msg":"node scripts/verifyCommit.js"},"_id":"@alonetech/canvas-editor@0.1.0","gitHead":"3e5f90d8f84f2d3249388fbd64f324e8975cc79d","bugs":{"url":"https://github.com/aLoNeIT/canvas-editor/issues"},"_nodeVersion":"24.9.0","_npmVersion":"11.6.0","dist":{"integrity":"sha512-Dsi7S8A1CwrZcINgpCcuLTPaDETN+IZP3i9iCpbomTzm5ugZuG376SBmhN9Yc3Oxpg4RnKL5zQyBbf5RcGZlpA==","shasum":"7a889e72b15b5b4b6d61e385b4f6d542efcf8ce2","tarball":"https://registry.npmjs.org/@alonetech/canvas-editor/-/canvas-editor-0.1.0.tgz","fileCount":112,"unpackedSize":12237303,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEUCIQC4ZjVzL/DzEm9MjVvpmvm08+mOeLAOPesG831Ff12LewIgSO6qHskoUV5y8oErcxUnCO2yFf+kR+vgoHuOxZJWn28="}]},"_npmUser":{"name":"alone_adams_k","email":"wangruanqiang@aliyun.com"},"directories":{},"maintainers":[{"name":"alone_adams_k","email":"wangruanqiang@aliyun.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/canvas-editor_0.1.0_1776926061045_0.8228201393804557"},"_hasShrinkwrap":false}},"time":{"created":"2026-04-23T06:34:20.948Z","0.1.0":"2026-04-23T06:34:21.412Z","modified":"2026-04-23T06:34:21.678Z"},"maintainers":[{"name":"alone_adams_k","email":"wangruanqiang@aliyun.com"}],"description":"canvas/svg的富文本编辑器，原始作者为Hufe921","homepage":"https://github.com/aLoNeIT/canvas-editor","keywords":["canvas-editor","editor","wysiwyg","emr"],"repository":{"type":"git","url":"git+https://github.com/aLoNeIT/canvas-editor.git"},"author":{"name":"aLoNe.Adams.K"},"bugs":{"url":"https://github.com/aLoNeIT/canvas-editor/issues"},"license":"MIT","readme":"<h1 align=\"center\">canvas-editor</h1>\n\n<p align=\"center\">\n  <a href=\"https://trendshift.io/repositories/8401\" target=\"_blank\"><img src=\"https://trendshift.io/api/badge/repositories/8401\" alt=\"Hufe921%2Fcanvas-editor | Trendshift\" style=\"width: 250px; height: 55px;\" width=\"250\" height=\"55\"/></a>\n</p>\n\n<p align=\"center\">\n<a href=\"https://www.npmjs.com/package/@hufe921/canvas-editor\" target=\"_blank\"><img src=\"https://img.shields.io/npm/v/@hufe921/canvas-editor.svg?sanitize=true\" alt=\"Version\"></a>\n <a href=\"https://github.com/hufe921/canvas-editor/actions\" target=\"_blank\">\n  <img alt=\"Cypress Passing\" src=\"https://github.com/hufe921/canvas-editor/workflows/cypress/badge.svg\" />\n</a>\n<a href=\"https://github.com/hufe921/canvas-editor/graphs/contributors\" target=\"_blank\">\n  <img alt=\"GitHub Contributors\" src=\"https://img.shields.io/github/contributors/hufe921/canvas-editor\" />\n</a>\n<a href=\"https://www.npmjs.com/package/@hufe921/canvas-editor\" target=\"_blank\"><img src=\"https://img.shields.io/npm/l/@hufe921/canvas-editor.svg?sanitize=true\" alt=\"License\"></a>\n<a href=\"https://github.com/Hufe921/canvas-editor/issues/new/choose\" target=\"_blank\"><img src=\"https://img.shields.io/badge/PRs-welcome-brightgreen.svg\" alt=\"PRs\"></a>\n<a href=\"https://zread.ai/Hufe921/canvas-editor\" target=\"_blank\"><img src=\"https://img.shields.io/badge/Ask_Zread-_.svg?style=flat&color=00b0aa&labelColor=000000&logo=data%3Aimage%2Fsvg%2Bxml%3Bbase64%2CPHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTQuOTYxNTYgMS42MDAxSDIuMjQxNTZDMS44ODgxIDEuNjAwMSAxLjYwMTU2IDEuODg2NjQgMS42MDE1NiAyLjI0MDFWNC45NjAxQzEuNjAxNTYgNS4zMTM1NiAxLjg4ODEgNS42MDAxIDIuMjQxNTYgNS42MDAxSDQuOTYxNTZDNS4zMTUwMiA1LjYwMDEgNS42MDE1NiA1LjMxMzU2IDUuNjAxNTYgNC45NjAxVjIuMjQwMUM1LjYwMTU2IDEuODg2NjQgNS4zMTUwMiAxLjYwMDEgNC45NjE1NiAxLjYwMDFaIiBmaWxsPSIjZmZmIi8%2BCjxwYXRoIGQ9Ik00Ljk2MTU2IDEwLjM5OTlIMi4yNDE1NkMxLjg4ODEgMTAuMzk5OSAxLjYwMTU2IDEwLjY4NjQgMS42MDE1NiAxMS4wMzk5VjEzLjc1OTlDMS42MDE1NiAxNC4xMTM0IDEuODg4MSAxNC4zOTk5IDIuMjQxNTYgMTQuMzk5OUg0Ljk2MTU2QzUuMzE1MDIgMTQuMzk5OSA1LjYwMTU2IDE0LjExMzQgNS42MDE1NiAxMy43NTk5VjExLjAzOTlDNS42MDE1NiAxMC42ODY0IDUuMzE1MDIgMTAuMzk5OSA0Ljk2MTU2IDEwLjM5OTlaIiBmaWxsPSIjZmZmIi8%2BCjxwYXRoIGQ9Ik0xMy43NTg0IDEuNjAwMUgxMS4wMzg0QzEwLjY4NSAxLjYwMDEgMTAuMzk4NCAxLjg4NjY0IDEwLjM5ODQgMi4yNDAxVjQuOTYwMUMxMC4zOTg0IDUuMzEzNTYgMTAuNjg1IDUuNjAwMSAxMS4wMzg0IDUuNjAwMUgxMy43NTg0QzE0LjExMTkgNS42MDAxIDE0LjM5ODQgNS4zMTM1NiAxNC4zOTg0IDQuOTYwMVYyLjI0MDFDMTQuMzk4NCAxLjg4NjY0IDE0LjExMTkgMS42MDAxIDEzLjc1ODQgMS42MDAxWiIgZmlsbD0iI2ZmZiIvPgo8cGF0aCBkPSJNNCAxMkwxMiA0TDQgMTJaIiBmaWxsPSIjZmZmIi8%2BCjxwYXRoIGQ9Ik00IDEyTDEyIDQiIHN0cm9rZT0iI2ZmZiIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPgo8L3N2Zz4K&logoColor=ffffff\" alt=\"zread\"/></a>\n<a href=\"https://deepwiki.com/Hufe921/canvas-editor\" target=\"_blank\"><img src=\"https://img.shields.io/badge/Ask_DeepWiki-_.svg?style=flat&color=0094de&labelColor=000000&logo=data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGNsYXNzPSJzaXplLTQgdHJhbnNmb3JtIHRyYW5zaXRpb24tdHJhbnNmb3JtIGR1cmF0aW9uLTcwMCBncm91cC1ob3Zlcjpyb3RhdGUtMTgwIFsmYW1wO19wYXRoXTpzdHJva2UtMCIgdmlld0JveD0iMTEwIDExMCA0NjAgNTAwIj48cGF0aCBkPSJNNDE5IDMzMnExNi03IDMyIDBsMjUgMTUgMyAxIDMgMSAzLTEgMy0xIDUxLTI5cTYtMyA2LTExdi01OHEwLTgtNi0xMWwtNTEtMjlxLTYtMy0xMiAwbC01MSAyOXYxbC0yIDEtMiAydjFsLTEgMnYxbC0xIDN2MjlhMzIgMzIgMCAwIDEtNDggMjhsLTI1LTE1LTMtMS0zLTEtMyAxLTMgMS01MSAyOXEtNSAzLTYgMTF2NThxMSA4IDYgMTFsNTEgMjkgMyAxIDMgMSAzLTEgMy0xIDI1LTE1YTMyIDMyIDAgMCAxIDQ4IDI4djI5bDEgM3YxbDEgMnYxbDIgMiAyIDIgNTEgMjkgNiAyIDYtMiA1MS0yOXE2LTMgNi0xMXYtNThxMC04LTYtMTFsLTUxLTI5LTMtMS0zLTEtMyAxLTMgMS0yNSAxNWEzMiAzMiAwIDAgMS00OC0yOHExLTE4IDE2LTI4IiBzdHlsZT0iZmlsbDojMjFjMTlhIi8+PHBhdGggZD0ibTE0MSAzMTggNTEgMjkgNiAyIDYtMiA1MS0yOXYtMWwyLTEgMi0ydi0xbDEtMnYtMWwxLTN2LTI5YTMyIDMyIDAgMCAxIDQ4LTI4bDI1IDE1IDMgMSAzIDEgMy0xIDMtMSA1MS0yOXE2LTMgNi0xMXYtNThxMC04LTYtMTFsLTUxLTI5cS02LTMtMTIgMGwtNTEgMjktMiAyaC0xbC0xIDJ2MWwtMSAydjFsLTEgM3YyOWEzMiAzMiAwIDAgMS00OCAyOGwtMjUtMTUtMy0xLTMtMS0zIDEtMyAxLTUxIDI5cS02IDMtNiAxMXY1OHEwIDggNiAxMSIgc3R5bGU9ImZpbGw6IzM5NjljYSIvPjxwYXRoIGQ9Im0zOTcgNDg0LTUxLTI5LTMtMS0zLTEtMyAxLTMgMS0yNSAxNWEzMiAzMiAwIDAgMS00OC0yOHYtMjlsLTEtM3YtMWwtMS0ydi0xbC0yLTItMi0xdi0xbC01MS0yOXEtNi0zLTEyIDBsLTUxIDI5cS02IDMtNiAxMXY1OHEwIDggNiAxMWw1MSAyOSAzIDEgMyAxIDMtMSAzLTEgMjUtMTVhMzIgMzIgMCAwIDEgNDggMjh2MjlsMSAzdjFsMSAydjFsMiAyIDIgMiA1MSAyOSA2IDIgNi0yIDUxLTI5cTYtMyA2LTExdi01OHEwLTgtNi0xMSIgc3R5bGU9ImZpbGw6IzAyOTRkZSIvPjwvc3ZnPg==&logoColor=ffffff\" alt=\"DeepWiki\"/></a>\n</p>\n\n<p align=\"center\"> a rich text editor by canvas/svg</p>\n\n<p align=\"center\">\n  <a href=\"https://hufe.club/canvas-editor\" target=\"_blank\">View Demo</a>\n  ·\n  <a href=\"https://hufe.club/canvas-editor-docs\" target=\"_blank\">View Docs</a>\n  ·\n  <a href=\"https://github.com/Hufe921/canvas-editor/issues/new?assignees=&labels=&projects=&template=bug_report.yml\" target=\"_blank\">Report Bug</a>\n  ·\n  <a href=\"https://github.com/Hufe921/canvas-editor/issues/new?assignees=&labels=%3Asparkles%3A+feature+request&projects=&template=feature_request.yml\" target=\"_blank\">Request Feature</a>\n  ·\n  <a href=\"https://github.com/Hufe921/canvas-editor/discussions\" target=\"_blank\">FAQ</a>\n</p>\n\n<p align=\"center\">Love the project? Please consider <a href=\"https://hufe.club/donate.jpg\" target=\"_blank\">donating(赞助)</a> to help it improve!</p>\n\n## Tips\n\n1. Official plugin: [canvas-editor-plugin](https://github.com/Hufe921/canvas-editor-plugin)\n2. The render layer by svg is under development, see [feature/svg](https://github.com/Hufe921/canvas-editor/tree/feature/svg)\n3. The export pdf feature is available now, see [feature/pdf](https://github.com/Hufe921/canvas-editor/tree/feature/pdf)\n4. The AI-powered text processing demo, see [feature/ai](https://github.com/Hufe921/canvas-editor/tree/feature/ai)\n5. Table pagination [#41](https://github.com/Hufe921/canvas-editor/issues/41) is under active development, see: [poc/table-paging](https://github.com/Hufe921/canvas-editor/tree/poc/table-paging) · [demo](https://hufe.club/canvas-editor-table/)\n\n## Basic usage\n\n```bash\nnpm i @hufe921/canvas-editor --save\n```\n\n```html\n<div class=\"canvas-editor\"></div>\n```\n\n```javascript\nimport Editor from '@hufe921/canvas-editor'\n\nnew Editor(document.querySelector('.canvas-editor'), {\n  main: [\n    {\n      value: 'Hello World'\n    }\n  ]\n})\n```\n\n## Features\n\n- Rich text operations (Undo, Redo, Font, Size, Bold, Italic, Underline, Strikeout, Superscript, Alignment, Title, List, ...)\n- Insert elements (Table, Image, Link, Code Block, Page Break, Math Formula, Date Picker, Block, ...)\n- Print (Based on canvas to picture, pdf drawing)\n- Controls (Select, Text, Date, Radio, Checkbox)\n- Contextmenu (Internal, Custom)\n- Shortcut keys (Internal, Custom)\n- Drag and Drop(Text, Element, Control)\n- Header, Footer, Page Number\n- Page Margin\n- Watermark\n- Pagination\n- Comment\n- Catalog\n\n## Roadmap\n\n1. Table paging\n2. Control rules\n3. Improve performance\n4. [CRDT](https://github.com/Hufe921/canvas-editor/tree/feature/CRDT)\n\n## Snapshot\n\n![image](https://github.com/Hufe921/canvas-editor/blob/main/src/assets/snapshots/main_v0.9.35.png)\n\n## Install\n\n`yarn`\n\n## Dev\n\n`npm run dev`\n\n## Build\n\n#### app\n\n`npm run build`\n\n#### lib\n\n`npm run lib`\n","readmeFilename":"README.md","_rev":"1-6b952994c0ad6e91e59e37edc596fc1a"}