Here are the basics of integrating CKEditor with a simple website. Running a simple editor in 3 steps with CKEditor 5 It's built on top of a robust collaboration-ready editing framework with model-view-controller (MVC) architecture, a custom data model, and virtual DOM. The latest version, CKEditor 5, is a modern, flexible, extensible, and customizable component written in pure TypeScript and JavaScript. It's backed by CKSource, a company of about 100 people who work, day in and day out, on improving the editor. Or choose CKEditorĬKEditor has been around for 20 years(!) as an open source project. Sure, there are some challenges you face when integrating a WYSIWYG editing component, but they're easy to resolve when you're using the popular open source CKEditor 5. So, similar to any external library, when you're choosing an editor, it's best to consider your use case so you can avoid a costly mistake and further migration in the future. The differences between them usually revolve around the feature set, UX, integrations with various technologies, extensibility, licensing, popularity, project health, and support options. There are plenty of rich text editing solutions on the market. It requires deep domain knowledge to do it well.Īssume you decide to integrate a ready-to-use editing component or framework. There's a valid reason why content editing functionality is often outsourced to an external library, even in big projects with considerable engineering teams. Creating and maintaining this takes time and effort that could otherwise be spent on developing your app. They want to see a familiar feature set and UX patterns. Content creation is such a widely accepted paradigm that users now expect it to work in your application similarly to anywhere else.

WYSIWYG editing sounds easy.Įven when you're starting simple, requirements tend to grow over time. If your use case is simple and you don't need many features, building your own component may feel like a way to go. Find a WYSIWYG editor component you can reuseĮach option has advantages and disadvantages.If you want to supply this sort of functionality in your app, you can choose to: A WYSIWYG editor provides a UI that makes it easy to format the text and incorporate various elements such as images, links, or tables into your digital content. WYSIWYG ('What You See Is What You Get') editing allows you to see and edit rich text content in a form that resembles how it's displayed to end users. A developer can probably craft this rich content in HTML by hand, but there's a high chance that your users would appreciate some help. Users format text, insert images and memes, videos, tables, and create lists and links. Most applications allow users to create and add some textual content, such as a comment, a chat message, an article, a product description, or a legal document.

Simple wysiwyg web page editor