WechatTiptap

A WeChat-style rich text editor

About

WechatTiptap is a WYSIWYG editor based on Tiptap. The interface and operation are WeChat document style, while providing AI capabilities.

Features

• WeChat document style
• Outline
• Toolbar
• Statusbar
• Tiptap extensions
• AI：Completion, shorten, expansion, summary；
• Table: floating toolbar, background
• Image: floating crop and resizing bar
• Font size
• Quote
• Indent
• Link
• Bubble menu
• Image
• Link
• Table

How To Use

• Environment

  Node 16 and above

• Install

yarn

or

npm install

• Debug

npm start dev

• Build

npm start build

Tech Stack

WechatTiptap is based on the following technologies: - Tiptap - text editor - OpenAI - AI completions - TailwindCSS - styles

Roadmap

• [x] WeChat document style
• [x] Table
• [x] Image
• [ ] Export JOSN/HTML
• [ ] Collaboration
• [ ] I18n
• [x] Chinese
• [ ] English

License

Released under the MIT license. SeeLICENSE.txtfor more information.

Reference Engineering

• novel
• notitap