Strapi TipTap Editor Plugin

Strapi's default rich text editor is fine. Until it isn't.

When your editors need more than bold and italics, when they ask for tables, code blocks, or task lists, the default editor starts to feel like a constraint.

‍

You end up writing workarounds, fielding complaints from the content team, or hacking in a third-party solution that doesn't quite fit.

‍

The TipTap Editor plugin from Notum drops in a proper WYSIWYG experience without touching your content model.

What It Does

The plugin replaces Strapi's default rich text field editor with a TipTap-powered WYSIWYG. Editors get a familiar, modern writing experience.

‍

Developers get clean, structured HTML output from a proven editor library built on ProseMirror.

‍

One install. No schema changes. No data migration.

How It Works

Install the plugin, rebuild Strapi, and any rich text field in your content types will render using TipTap instead of the default editor.

‍

The editor ships with:

• Headings (H1-H6), bold, italic, underline, strikethrough
• Ordered & unordered lists, task lists
• Links, tables
• Code blocks with syntax highlighting
• Blockquotes and horizontal rules

Installation is two steps:

npm i @notum-cz/strapi-plugin-tiptap-editor

# or

yarn add @notum-cz/strapi-plugin-tiptap-editor

‍

Then rebuild:

yarn build

yarn start

That's it. No config required to get started.

‍

Compatibility

Compatible with Strapi v5.x.x, tested on Strapi v5.34.0. Written in TypeScript.

When to Use It

If your editors need more formatting control than Strapi's default rich text field provides, this is a direct drop-in upgrade. It is a good fit for:

• Content-heavy projects where formatting matters, articles, documentation, product descriptions
• Teams frustrated with the limitations of the default editor
• Projects where tables, code blocks, or task lists are part of the content workflow

‍

If you only need basic bold and italic formatting, the default editor is probably enough. But most real-world projects outgrow it fast.

Why We Built It

We kept getting asked the same question across projects: "Can we get a better editor?"

‍

After integrating TipTap manually for the third or fourth time, we packaged it as a plugin and open-sourced it.

It now lives on GitHub.

Initial Release and What's Next

This is an initial release. The editor works and covers the most common formatting needs, but it doesn't yet support extensive configuration.

‍

The biggest item on our roadmap for Q2 2026 is the ability to configure which TipTap features are exposed to editors, so you can limit or expand the toolbar based on your project's needs.

‍

We're building this in the open. If something is missing, broken, or worth adding, open an issue or submit a pull request.

‍

GitHub: https://github.com/notum-cz/strapi-plugin-tiptap-editor

‍

npm: https://www.npmjs.com/package/@notum-cz/strapi-plugin-tiptap-editor

‍