Intro to CKEditor
Discover how to implement a professional and collaborative rich text editor in your Vue.js web applications with CKEditor - the same technology powering document editing in enterprise solutions worldwide.
In this first lesson, get a quick look of what this powerful document editor has to offer. There are lots of features baked right in that rival document editing giants like Google Docs including:
- Rich text formatting
- Real-time collaboration
- Comments and annotations
- Revision history and change tracking
- Document persistence
- and Image and file uploads
Best of all you can use CK Editor within the front-end framework of your choice (Vue, React, Angular, or Vanilla JS)!
Links
LESSON TRANSCRIPT
Hello, my name is Daniel Kelly, and in this course, we're going to build a Google Docs style editor in under 30 minutes with CK Editor. If you've ever wanted to add a document editor to your websites or your web applications, then you're in the right place. What is CK Editor? Well, CK Editor is a production ready rich text editor that comes jam packed with features you'd expect in professional document editing software.
such as Google Docs. What makes it special is how quickly you can implement these sophisticated features in your own projects. As you can see, this isn't just a basic text box with some formatting. CK Editor gives you a complete editing experience with a wealth of features.
Things like rich text formatting, with headings, paragraphs, inline formatting like bold and italic, and a lot more. Real-time collaboration, so that multiple users can edit the same document simultaneously, with changes appearing instantly for everyone. Comments and annotations, allowing users to discuss specific parts of a document without modifying the content itself. Revision history, so that the user can track document history and restore previous versions.
Change tracking, for adding suggestions to a document for changes. A huge win for document reviews. And image and file uploads. Just start dragging and dropping right away.
js, which of course we'll use during this course, or React, Angular, or even vanilla JavaScript, CK Editor integrates seamlessly with all of these. You're never locked into a specific stack. Sound intriguing? Well, I certainly think so.
Join me in this super quick course to clone Google Docs in 30 minutes or less. Let's go Hello, my name is Daniel Kelly, and in this course, we're going to build a Google Docs style editor in under 30 minutes with CK Editor. If you've ever wanted to add a document editor to your websites or your web applications, then you're in the right place. What is CK Editor?
Well, CK Editor is a production ready rich text editor that comes jam packed with features you'd expect in professional document editing software. such as Google Docs. What makes it special is how quickly you can implement these sophisticated features in your own projects. As you can see, this isn't just a basic text box with some formatting.
CK Editor gives you a complete editing experience with a wealth of features. Things like rich text formatting, with headings, paragraphs, inline formatting like bold and italic, and a lot more. Real-time collaboration, so that multiple users can edit the same document simultaneously, with changes appearing instantly for everyone. Comments and annotations, allowing users to discuss specific parts of a document without modifying the content itself.
Revision history, so that the user can track document history and restore previous versions. Change tracking, for adding suggestions to a document for changes. A huge win for document reviews. And image and file uploads.
Just start dragging and dropping right away. js, which of course we'll use during this course, or React, Angular, or even vanilla JavaScript, CK Editor integrates seamlessly with all of these. You're never locked into a specific stack. Sound intriguing?
Well, I certainly think so. Join me in this super quick course to clone Google Docs in 30 minutes or less. Let's go
This transcript is generated automatically from the lesson video. Spotted an inaccuracy? Let us know at team@vueschool.io.
- Chapter 1
