npm i @hufe921/canvas-editor --save <divclass="canvas-editor"></div> importEditorfrom'@hufe921/canvas-editor'newEditor(document.querySelector('.canvas-editor'),{main:[{value:'Hello World'}]}) next features table paging improve performance ...
pdf exporter to canvas-editor. Latest version: 0.2.7, last published: 3 months ago. Start using canvas-editor-pdf in your project by running `npm i canvas-editor-pdf`. There are no other projects in the npm registry using canvas-editor-pdf.
canvas-editor 是一个基于 canvas/svg 的富文本编辑器，类似 word。其具有以下特点：所见即所得：类word可分页，所见即所得轻量的数据结构：一段JSON即可呈现复杂样式丰富的功能：支持常见富文本操作、表格、水印、控件、公式等使用方便：官方发布核心npm包，菜单栏、工具栏可自行维护灵活的开发机制：通过接口可获取生...
Github: https://github.com/Hufe921/canvas-editor canvas-editor 是一个基于 canvas/svg 的富文本编辑器,类似 word。其具有以下特点: 所见即所得:类word可分页,所见即所得 轻量的数据结构:一段JSON即可呈现复杂样式 丰富的功能:支持常见富文本操作、表格、水印、控件、公式等 使用方便:官方发布核心npm包,菜单...
canvas-editor是一个基于canvas/svg的富文本编辑器,类似于 word。其具有以下特点: 所见即所得:类word可分页,所见即所得 轻量的数据结构:一段JSON即可呈现复杂样式 丰富的功能:支持常见富文本操作、表格、水印、控件、公式等 使用方便:官方发布核心npm包,菜单栏、工具栏可自行维护 ...
feat:publish npm package config 2年前 vite.config.ts chore: add id to style element #219 2年前 yarn.lock chore: upgrade typescript version 12个月前 README MIT canvas-editor a rich text editor by canvas/svg tips docs canvas-editor-plugin ...
确保开发环境中已经安装了Node.js(版本建议为14.x或更高)和npm或yarn(用于包管理)。 安装步骤: 将项目克隆到本地:打开终端并运行git clone https://github.com/Hufe921/canvas-editor.git命令。 进入项目目录:运行cd canvas-editor命令。 使用npm或yarn安装项目所需的依赖包:如果使用npm,请运行npm install命令;...
npm i @hufe921/canvas-editor --save <divclass="canvas-editor"></div> importEditorfrom'@hufe921/canvas-editor'newEditor(document.querySelector('.canvas-editor'),{main:[{value:'Hello World'}]}) Features Rich text operations (Undo, Redo, Font, Size, Bold, Italic, Underline, Strikeout, Su...
a rich text editor by canvas/svg tips usage npm i @hufe921/canvas-editor --save <divclass="canvas-editor"></div> importEditorfrom'@hufe921/canvas-editor'newEditor(document.querySelector('.canvas-editor'),{main:[{value:'Hello World'}]}) ...
最终效果抢先看:https://wanglin2.github.io/canvas-editor-demo/。 基本数据结构 首先要说明我们渲染的数据不是html字符串,而是结构化的json数据,为了简单起见,暂时只支持文本,完整的结构如下: 代码语言:javascript 代码运行次数:0 运行 AI代码解释 [{value:'理',// 文字内容color:'#000',// 文字颜色size:16...