Build a TipTap RTE Extension

erreti · May 22, 2025, 12:55pm

Idea Title

What is my idea about? What is the problem we are solving?

TYPO3 currently uses CkEditor 5 as its Rich Text Editor (RTE), but this has created significant challenges for developers and content editors. We believe that a high-quality, intuitive, and powerful Rich Text Editor is not just a feature but a foundational cornerstone for a modern Content Management System, directly impacting user adoption, content quality, and the overall effectiveness of the platform.

CkEditor 5’s architecture significantly increases development time and costs for customizations, integrations, and maintenance, while also creating steeper learning curves and less intuitive workflows for editors.

Developing a TipTap RTE extension will offer the TYPO3 community a powerful, modern, and more manageable alternative option for rich text editing. This initiative aims to reduce development friction, enhance the editor experience, and provide a more sustainable solution for this vital CMS component.

What we want to achieve by the end of Q3 2025?

MVP Extension fully capable of replacing the CkEditor 5 in TYPO3 V12 and above.

What is the potential impact of my idea for the overall goal?

To address these issues, we want to provide another RTE option (in this case TipTap) for developers and editors to choose from. TipTap is a state of the art RTE and used in many major projects already and makes the lifes of developers, integrators and editors easier.

How does my Idea align with the strategic goals for TYPO3 v14.

This aligns with the TYPO3 objective to improve the user experience.

Which budget do we need for this idea?

7500 Euro

My Name

Florian Langer

kaystrobach · May 22, 2025, 7:28pm

Tiptap would allow us to use webcomponents and also could lead to a standalone editor component. We are using a simplified version to edit markdown. While i still prefer some rendering stuff in ckeditor, tiptap was a good replacement. (License / dev experience/ customer feedback)

github.com/fucodo/fucodo-elements

packages/editor/index.js

main

import {LitElement, html, css, unsafeCSS} from 'lit';

import { Editor } from '@tiptap/core'
import StarterKit from '@tiptap/starter-kit'
import {TaskList} from '@tiptap/extension-task-list';
import {TaskItem} from '@tiptap/extension-task-item';
import {Image} from '@tiptap/extension-image';
import {CodeBlock} from '@tiptap/extension-code-block';
import {Link} from '@tiptap/extension-link';

import {Markdown} from "tiptap-markdown";

import * as icons from './icons'

import style from './style.scss'

class MyEditor extends LitElement {
  static styles = css`${unsafeCSS(style)}`;

  render() {

This file has been truncated. show original

https://fucodo.github.io/fucodo-elements/?path=/story/components-editor--default

lefloe · May 23, 2025, 8:28am

see also: TYPO3 V12 and the CkEditor 5 Dilemma