Development

TYPO3 CKEditor 5

CKEditor 5 development patterns for TYPO3 v12+. Covers custom plugin development, schema and conversion system, TYPO3 YAML configuration, and CKEditor 4 to 5 migration guides. By Netresearch.

Latest release v1.9.4

Install

Choose a supported route below. Package contents, agent registration and runtime dependencies can differ between installers.

  1. Claude Code via this marketplace
    /plugin install typo3-ckeditor5@netresearch-claude-code-marketplace

    First add the marketplace once in Claude Code: /plugin marketplace add netresearch/claude-code-marketplace. Then install the selected plugin. For setup and installation scopes, see Claude Code plugin setup A plugin can include several skills and additional components.

  2. npx interactive skill selection
    npx skills add https://github.com/netresearch/typo3-ckeditor5-skill

    Requires Node.js 22.20+. Run from the target project, then choose the source skills and agents in the installer. Uses the skills CLI from skills.sh Installs skill instructions. Extra plugin hooks, commands and external runtime tools are not installed by this route.

  3. composer require PHP project, as a package
    composer require netresearch/typo3-ckeditor5-skill

    Allow the Composer skill installer to activate and approve skill registration when prompted. Requires netresearch/composer-agent-skill-plugin Discovers trusted skill packages and registers their instructions in AGENTS.md. Runtime tools may need separate setup.

  4. composer skills:add PHP project, direct source
    composer skills:add netresearch/typo3-ckeditor5-skill

    Install and activate netresearch/composer-agent-skill-plugin first; approve the selected source's skill registration. Provided by netresearch/composer-agent-skill-plugin Pins source repositories without a Packagist package and records them in composer.skills.lock. Runtime dependencies remain separate.

What you can do with it

  • CKEditor 5 Architecture: Plugin system, schema and conversion system, command pattern implementation, UI component development
  • TYPO3 Integration: RTE configuration (YAML), custom plugin registration, content element integration, backend module integration
  • Migration Patterns: CKEditor 4 to 5 migration, custom plugin conversion, configuration transformation, data migration strategies
  • Plugin Development: Complete patterns for creating custom CKEditor 5 plugins with schema definitions, converters, and commands
  • Configuration Management: YAML-based RTE presets with toolbar, heading, table, and link configurations
  • ES6 Module Development: Modern JavaScript patterns for CKEditor 5 plugin architecture

What you get back

  • CKEditor 5 plugin code, YAML RTE presets or migration changes for the requested TYPO3 editor integration.

What it expects in your project

Check the source README for current examples, requirements and limitations. Open full README

Tags

  • development
  • typo3