Skip to content

netresearch/typo3-ckeditor5

v1.9.3(MIT AND CC-BY-SA-4.0)

CKEditor 5 development for TYPO3 v12+ with plugins and migration

GitHub

TYPO3 CKEditor 5 Development Skill

Expert patterns for CKEditor 5 integration in TYPO3, including custom plugin development, configuration, and migration from CKEditor 4.

🔌 Compatibility

This is an Agent Skill following the open standard originally developed by Anthropic and released for cross-platform use.

Supported Platforms:

  • ✅ Claude Code (Anthropic)
  • ✅ Cursor
  • ✅ GitHub Copilot
  • ✅ Other skills-compatible AI agents

Skills are portable packages of procedural knowledge that work across any AI agent supporting the Agent Skills specification.

Features

  • 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

Installation

Marketplace (Recommended)

Add the Netresearch marketplace once, then browse and install skills:

# Claude Code
/plugin marketplace add netresearch/claude-code-marketplace
/plugin install typo3-ckeditor5@netresearch-claude-code-marketplace

Without a marketplace

Since Claude Code 2.1.157 a plugin directory under your personal skills directory loads on its own:

mkdir -p ~/.claude/skills
git clone https://github.com/netresearch/typo3-ckeditor5-skill.git \
  ~/.claude/skills/typo3-ckeditor5

It loads as typo3-ckeditor5@skills-dir on the next session. Update with git -C ~/.claude/skills/typo3-ckeditor5 pull and start a new session; remove it by deleting the directory. This route has no claude plugin update.

npx (skills.sh)

Install with any Agent Skills-compatible agent:

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

Download Release

Download the latest release and extract to your agent's skills directory.

Git Clone

git clone https://github.com/netresearch/typo3-ckeditor5-skill.git

Composer (PHP Projects)

composer require netresearch/typo3-ckeditor5-skill

Requires netresearch/composer-agent-skill-plugin.

Usage

This skill is automatically triggered when:

  • Developing custom CKEditor 5 plugins for TYPO3
  • Configuring RTE presets in TYPO3 v12+
  • Integrating CKEditor with TYPO3 backend modules
  • Migrating from CKEditor 4 to CKEditor 5
  • Working with CKEditor 5 schema, conversion, or command patterns

Example queries:

  • "Create a custom CKEditor 5 plugin for TYPO3"
  • "Configure RTE preset with custom toolbar"
  • "Migrate CKEditor 4 plugin to CKEditor 5"
  • "Implement custom element with schema and converters"

Structure

typo3-ckeditor5-skill/
├── SKILL.md                              # Skill metadata and core patterns
├── references/
│   ├── ckeditor5-architecture.md         # CKEditor 5 gotchas (figcaption, view vs DOM)
│   ├── typo3-integration.md              # TYPO3-specific integration patterns
│   ├── plugin-development.md             # TYPO3 plugin wiring and gotchas
│   └── migration-guide.md                # CKEditor 4 to 5 migration
└── scripts/
    └── verify-ckeditor5.sh               # Verification script

Expertise Areas

CKEditor 5 Architecture

  • Plugin system and architecture
  • 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

Related Skills

  • typo3-extension-upgrade-skill: References this skill for RTE migration
  • php-modernization-skill: Modern PHP patterns for backend integration

License

This project uses split licensing:

  • Code (scripts, workflows, configs): MIT
  • Content (skill definitions, documentation, references): CC-BY-SA-4.0

See the individual license files for full terms.

Credits

Developed and maintained by Netresearch DTT GmbH.

Made with ❤️ for Open Source by Netresearch