Canvas Editor

rich text editor by canvas/svg
Alternatives To Canvas Editor
Project NameStarsDownloadsRepos Using ThisPackages Using ThisMost Recent CommitTotal ReleasesLatest ReleaseOpen IssuesLicenseLanguage
Slate27,1203,4999236 days ago686August 23, 2022595mitTypeScript
A completely customizable framework for building rich text editors. (Currently in beta.)
Tiptap19,216136a day ago198September 20, 2022234mitTypeScript
The headless editor framework for web artisans.
Tinymce13,0301,504825a day ago153September 08, 20221,148mitTypeScript
The world's #1 JavaScript library for rich text editing. Available for React, Vue and Angular
Vditor6,3441117a day ago310August 04, 202279mitTypeScript
♏ 一款浏览器端的 Markdown 编辑器,支持所见即所得(富文本)、即时渲染(类似 Typora)和分屏预览模式。An In-browser Markdown editor, support WYSIWYG (Rich Text), Instant Rendering (Typora-like) and Split View modes.
Mp Html2,736323 days ago19August 27, 202216mitJavaScript
小程序富文本组件,支持渲染和编辑 html,支持在微信、QQ、百度、支付宝、头条和 uni-app 平台使用
Zefyr2,123558 months ago19December 19, 2021228Dart
Soft and gentle rich text editing for Flutter applications.
Flutter Quill1,913
a day ago147mitDart
Rich text editor for Flutter
Richeditorview1,725
142 years ago10October 22, 2018102bsd-3-clauseSwift
RichEditorView is a simple, modular, drop-in UIView subclass for Rich Text Editing.
Ngx Quill1,660270105a day ago233July 06, 20223mitTypeScript
Angular (>=2) components for the Quill Rich Text Editor
Xrichtext1,414
3 years ago10Java
一个Android富文本类库,支持图文混排,支持编辑和预览,支持插入和删除图片。
Alternatives To Canvas Editor
Select To Compare


Alternative Project Comparisons
Readme

canvas-editor

a rich text editor by canvas/svg

tips

  1. docs
  2. The render layer by svg is under development, see feature/svg
  3. The export pdf feature is available now, see feature/pdf

usage

npm i @hufe921/canvas-editor --save
<div class="canvas-editor"></div>
import Editor from "@hufe921/canvas-editor"

new Editor(document.querySelector(".canvas-editor"), [
    {
      value: "Hello World"
    }
  ])

next features

  1. improve list and title
  2. improve performance
  3. control rules
  4. table paging
  5. CRDT

snapshot

image

install

yarn

dev

npm run dev

build

app

npm run build

lib

npm run lib

Popular Editor Projects
Popular Rich Text Projects
Popular Text Editors Categories
Related Searches

Get A Weekly Email With Trending Projects For These Categories
No Spam. Unsubscribe easily at any time.
Typescript
Editor
Canvas
Latex
Datepicker
Wysiwyg
Pdf Generation
Rich Text