Ondřej Chrastina
Menu
Trailhead: the CKEditor AI Coding Agents Webinar Demo

Trailhead: the CKEditor AI Coding Agents Webinar Demo

The runnable companion to the \"Less time, fewer tokens, better effects\" webinar: a fictional trip-planning landing page whose About section is edited by a CKEditor InlineEditor that an AI coding agent wired in - Format painter, Slash commands, AI assistant, autosave and all.

Back to projects
Released: Thu Sep 17 2026
  • Source Code

What's inside

Trailhead is a fictional backcountry trip-planning landing page. Most of it is fixed marketing content; the About section is the demo surface: a vanilla JavaScript InlineEditor using CKEditor's model-based editing pipeline (not raw DOM editing), premium Format painter and Slash commands, CKEditor AI when a token endpoint is configured, autosave to local storage with restore on load, and explicit save/reset controls.

Why it exists

Built for the webinar on the official CKEditor support for AI coding agents - the repo an agent equipped with the CKEditor skill and the docs MCP server helped assemble, so you can diff the promise against the code.

Resources

  • Repository on GitHub
  • The webinar this demo was built for
  • The AI coding agents guide
  • Twitter
  • GitHub
  • LinkedIn
  • Facebook
  • Instagram
  • YouTube
  • Medium
  • dev.to
  • Discord
    • © Ondřej Chrastina 2020–2026
    • Original Design: HTML5 UP
    • 💾 Source code - use GitHub issues for feedback 🙌
  • I am | Home
  • I write | Journal
  • I Code | Projects
  • I speak | Talks
  • PWA series
  • GitHub
Close