README_en.md

WechatTiptap

A WeChat-style rich text editor

demo.mp4

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

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

License

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

Reference Engineering

• novel
• notitap