typo3-ckeditor5 | typo3-ckeditor5 | ClaudePluginHub

Skill

Community

typo3-ckeditor5

From typo3-ckeditor5

1

Description

Agent Skill: CKEditor 5 development for TYPO3 v12+. Use when developing custom plugins, configuring RTE presets, or migrating from CKEditor 4. By Netresearch.

AI Summary

Provides CKEditor 5 development patterns for TYPO3 v12+, including custom plugin architecture, YAML configuration, and migration from CKEditor 4. Use when building RTE plugins or configuring presets.

Install

1

Add the repository(one-time)

$

/plugin marketplace add netresearch/typo3-ckeditor5-skill

2

Install the plugin

$

/plugin install typo3-ckeditor5@netresearch-claude-code-marketplace

Tool Access

This skill inherits all available tools. When active, it can use any tool Claude has access to.

Supporting Assets

View in Repository

references/ckeditor5-architecture.md

references/migration-guide.md

references/plugin-development.md

references/typo3-integration.md

scripts/verify-ckeditor5.sh

Skill Content

TYPO3 CKEditor 5 Skill

CKEditor 5 integration patterns for TYPO3: custom plugins, configuration, and migration.

Expertise Areas

Architecture: Plugin system, schema/conversion, commands, UI components
TYPO3 Integration: YAML configuration, plugin registration, content elements
Migration: CKEditor 4→5, plugin conversion, data migration

Reference Files

references/ckeditor5-architecture.md - Core concepts
references/typo3-integration.md - TYPO3-specific patterns
references/plugin-development.md - Custom plugin guide
references/migration-guide.md - CKEditor 4→5 migration

Quick Reference

Plugin Registration (ext_localconf.php)

$GLOBALS['TYPO3_CONF_VARS']['RTE']['Presets']['my_preset'] = 'EXT:my_ext/Configuration/RTE/MyPreset.yaml';
$GLOBALS['TYPO3_CONF_VARS']['SYS']['ckeditor5']['plugins']['my-plugin'] = [
    'entryPoint' => 'EXT:my_ext/Resources/Public/JavaScript/Ckeditor/my-plugin.js',
];

Plugin Structure

packages/my-plugin/src/
├── myplugin.js           # Main plugin (requires Editing + UI)
├── mypluginediting.js    # Schema, converters, commands
├── mypluginui.js         # Toolbar buttons, dropdowns
└── myplugincommand.js    # Command implementation

Migration Checklist

Audit existing CKEditor 4 plugins
Map features to CKEditor 5 equivalents
Convert to class-based architecture
Update YAML config from PageTSConfig
Test content rendering

Verification

./scripts/verify-ckeditor5.sh /path/to/extension

Contributing: https://github.com/netresearch/typo3-ckeditor5-skill

Links

GitHub Stats

0 forks

Updated 3 days ago

Similar Skills

Agent Development

This skill should be used when the user asks to "create an agent", "add an agent", "write a subagent", "agent frontmatter", "when to use description", "agent examples", "agent tools", "agent colors", "autonomous agent", or needs guidance on agent structure, system prompts, triggering conditions, or agent development best practices for Claude Code plugins.

53.4k

Command Development

This skill should be used when the user asks to "create a slash command", "add a command", "write a custom command", "define command arguments", "use command frontmatter", "organize commands", "create command with file references", "interactive command", "use AskUserQuestion in command", or needs guidance on slash command structure, YAML frontmatter fields, dynamic arguments, bash execution in commands, user interaction patterns, or command development best practices for Claude Code.

53.4k

Hook Development

This skill should be used when the user asks to "create a hook", "add a PreToolUse/PostToolUse/Stop hook", "validate tool use", "implement prompt-based hooks", "use ${CLAUDE_PLUGIN_ROOT}", "set up event-driven automation", "block dangerous commands", or mentions hook events (PreToolUse, PostToolUse, Stop, SubagentStop, SessionStart, SessionEnd, UserPromptSubmit, PreCompact, Notification). Provides comprehensive guidance for creating and implementing Claude Code plugin hooks with focus on advanced prompt-based hooks API.

53.4k