• Stars
    star
    22,934
  • Rank 932 (Top 0.02 %)
  • Language
    TypeScript
  • License
    MIT License
  • Created over 5 years ago
  • Updated 2 months ago

Reviews

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Repository Details

The headless rich text editor framework for web artisans.

Tiptap Editor

The Tiptap Editor is a headless, framework-agnostic rich text editor that's customizable and extendable through extensions. Its headless nature means it comes without a set user interface, offering full design freedom (for a jumpstart, see linked UI templates below). Tiptap is based on the highly reliable ProseMirror library.

Tiptap Editor is complemented by the collaboration open-source backend Hocuspocus. Both the Editor and Hocuspocus form the foundation of the Tiptap Suite.

Build Status Version Downloads License Chat Sponsor

How does the Tiptap Editor work?

  • Headless Framework: Tiptap does not rely on a user interface. So there is no need for class overrides or code hacks. If you do need an example UI feel free to browse our UI templates linked below.
  • Framework-agnostic: The Tiptap Editor is designed to work across different frontend frameworks. This means whether you're using Vue, React, or plain JavaScript, Tiptap integrates without compatibility issues.
  • Extension based: Extensions in Tiptap allow for a tailored editing experience, from simple text styling to advanced features like drag-and-drop block editing. You have the option to choose from over 100 extensions available in the documentation and community to enhance your editor's functionality.
  • Customize your UX: The editor was built to give you control to define your own extensions and nodes.

Editor Pro Extensions

The Pro Extensions are a set of advanced functionalities that enhance the capabilities of the Tiptap Editor. They are additional features that can be integrated into the base editor to provide more sophisticated editing options.

Key functionalities include collaborative editing, which allows multiple users to edit documents simultaneously, drag-and-drop file management for easier handling of documents and media, and unique node ID assignment. Review the docs right here.

Pro Extensions are free with a Tiptap account. Once signed up, review the guide in your account.

Make your editor collaborative

Interested in collaborative editing? Check out our open-source package Hocuspocus - a collaboration backend built around the CRDT power of Yjs. Hocuspocus serves as the backbone for the Tiptap Suite.

Documentation

For more detailed information, make sure to check out our documentation. If you encounter any problems or have suggestions for our system, please open an issue.

Examples, CodeSandbox and UI Templates

Have a look at the examples to see Tiptap in action or review and fork our codesandboxes.

About Tiptap

Tiptap is a collection of developer components based on open-source technology, forming the basis of our advanced, paid features. It includes the open-source editor component, collaboration features, Content AI, and Tiptap Cloud. We are developing open-source products that also shape our paid features. We're committed to improving both, ensuring quality and reliability in every update.

For more details, visit the Tiptap documentation or website.

Community

For help, discussion about best practices, or any other conversation that would benefit from being searchable:

Discuss Tiptap on GitHub

Sponsors πŸ’–


Complish

Storyblok

PostHog

Reflect

Ziff Media

Basewell

iFixit, ApostropheCMS, Novadiscovery, Omics Data Automation, Flow Mobile, DocIQ and hundreds of awesome inviduals.

Contributing

Feel like adding some magic of your own to Tiptap Editor Core? We welcome contributions! Please see our CONTRIBUTING guidelines for how to get started.

Contributors

Sam Willis, Brian Hung, Dirk Holtwick, Sam Duvall, Christoph Flathmann, Erick Wilder, Marius Tolzmann, jjangga0214, Maya Nedeljkovich, Ryan Bliss, Gregor and many more.

License

The MIT License (MIT). Please see License File for more information.

More Repositories

1

hocuspocus

The CRDT Yjs WebSocket backend for conflict-free real-time collaboration in your app.
TypeScript
995
star
2

alldocs.app

Online text file converter
PHP
224
star
3

awesome-tiptap

⚑ Delightful Tiptap packages and resources
168
star
4

tiptap-php

A PHP package to work with Tiptap content
PHP
153
star
5

glyphfinder

Unicode character search for macOS & Windows.
JavaScript
131
star
6

mouseless

Keyboard shortcut training and look-up for macOS.
JavaScript
131
star
7

prosemirror-to-html

Takes ProseMirror JSON and renders HTML.
PHP
79
star
8

html-to-prosemirror

Takes HTML and outputs ProseMirror compatible JSON.
PHP
72
star
9

tiptap-next

The headless editor framework for web artisans.
68
star
10

pandoc

A PHP wrapper for Pandoc to convert any text format in any other text format
PHP
67
star
11

vue-mailchimp-subscribe

Renderless Vue.js component for Mailchimp list subscriptions
JavaScript
48
star
12

hocuspocus-laravel

Integrates Hocuspocus into Laravel with a few clicks
PHP
20
star
13

glyphfinder-landingpage

Landingpage for Glyphfinder
Vue
19
star
14

keyboard-symbol

Convert key names to symbols like ⌘, ⇧, βŒ₯
JavaScript
16
star
15

mouseless-landingpage

Landingpage for Mouseless
JavaScript
15
star
16

create-tiptap-extension

Create a new Tiptap extension in seconds.
JavaScript
15
star
17

prosemirror-php

Work with ProseMirror JSON in PHP.
PHP
14
star
18

build-tools

πŸ› οΈ Docker image with CI/CD tools
Shell
9
star
19

commonmark-hint-extension

Render :::important Hints::: in league/commonmark
PHP
7
star
20

laravel-docker-health-check

A simple package that makes it easier to work with Laravel and Docker in production.
PHP
7
star
21

window-shortcuts

Get menu shortcuts by window owner name
Swift
7
star
22

tiptap-collab-replit

Vue
4
star
23

gitlab-ci-build-tools

🦊 Docker Image with tools for GitLab CI
Shell
2
star
24

commonmark-embed-extension

Render embeds from URLs
PHP
2
star