CKEditor Collaboration Features Decomposed

A bare-bone Typescript demonstration project showcasing CKEditor's premium collaboration features in its minimal setup:

• Comments ↗
• Track changes ↗
• Revision history ↗
• Real-time collaboration ↗

Prerequisites

• Node.js (LTS version recommended)
• npm

Getting Started

1. Install dependencies:

   npm install

2. Create environment file:

   cp .env.template .env

   This project uses CKEditor premium features. A 14-day free trial is available for evaluation:

   👉 Get your free trial license and fill the keys to .env file

3. Start the development server:

   npm run dev

4. Open your browser to http://localhost:5173

What's Included

This demo includes four separate editor examples, each in its own page under /features/:

Comments

Inline commenting and discussion threads

Track Changes

Suggestion tracking with accept/reject functionality

Revision History

Document version management with side-by-side comparison

Real-Time Collaboration

Live collaborative editing with all features combined

Each example is self-contained in its own TypeScript file under src/.

Additional Commands

npm run build    # Build for production
npm run preview  # Preview production build