Building a Google Docs Clone with CKEditor 5 and Vue.js

Seats Available
December 2
2:00 PM UTC (2 hrs)
Airmeet
In this hands-on workshop, attendees will dive into creating a powerful, Google Docs-like collaborative editor using CKEditor 5 and Vue.js.
Vadim Smirnov
Vadim Smirnov

Online Workshop

Seats Available
FREE

Topics

01
Create custom CKEditor plugin
02
AI Assistant integration with OpenAI
03
Integrating CKEditor 5 into a Vue.js Application
04
Building Real-Time Collaborative Editing Features

Worshop overview

We’ll learn how to setup CKEditor 5 within a Vue.js application, customizing the editor’s configuration, and extending functionality by building a custom plugin.

By the end, you’ll have a fully functional, collaborative text editor equipped with real-time features, making it an ideal solution for dynamic content creation needs.

During the exercise, you will learn:

  • How to add features like Collaborative Editing, Merge Fields, Document Outline
  • Create custom CKEditor plugin
  • AI Assistant integration with OpenAI

During the workshop you will dive into:

  • Integrating CKEditor 5 into a Vue.js Application: Attendees will understand how to set up CKEditor 5 within a Vue.js project, using CKEditor Builder

  • Building Real-Time Collaborative Editing Features: Learn how to configure CKEditor 5 to enable collaborative editing, with real-time changes and tracking

  • Creating Custom Plugins: Gain practical experience developing a custom CKEditor plugin to add new features, enhancing the editor's capabilities for specific needs

Meet the instructors

Picture of Vadim Smirnov
Company Logo of Vadim Smirnov
Vadim Smirnov
Developer Advocate at CKEditor

Vadim is a developer advocate passionate about creating content that people love. In his free time, Vadim is obsessed with football and music.

© All rights reserved. Made with ❤️ by BitterBrains, Inc.