Skip to content

CKEditor

CKEditor 5 gives web apps an editor with a configurable toolbar for formatted writing.

Visit CKEditor

What does CKEditor add to your app?

CKEditor 5 supplies the editing area and a toolbar you configure. Start with the actions readers need, such as adding a heading, making a list and linking to another page. The controls come from the editor features you enable.

Where does the writing go when someone clicks Save?

In the usual HTML setup, the editor can hand your app the draft as HTML, which marks parts like headings and links. Your app needs to save that content and load it when the person returns. For images served from another location, keep the underlying files and access separately from the saved HTML.

If you change editor settings or move to another app, open a copy of a representative note. Check that your destination retains the formatting you use. Word export is a separate premium feature. By default it sends the document HTML and styles to CKEditor’s cloud converter. Confirm where your converter runs before using it for private documents. Keep the original HTML for editing.

What affects the license and cost?

CKEditor 5 offers a self-hosted GPL option for projects that meet its terms. Its hosted Free commercial plan includes 1,000 editor loads per month. An editor load counts each time the editor opens. With a payment card on file, CKEditor lists $60 per 1,000 additional loads. Without a card, exceeding the allowance makes the editor read-only for the rest of the month. The plan also includes limited Word export, with conversion charges beyond that separate allowance. Commercial self-hosting has separate terms.

How would you check that a draft can reopen?

Sketch a help article with a heading, a numbered list and an image. Use invented text and keep this exercise on paper.

  1. Separate the saved pieces
    Mark where the HTML would go and where the image file would live. Decide who needs access to each after saving.
  2. Describe the reopen check
    Draw the article after a reload and mark the heading, list order and image you expect to see. If customers also need Word files, write down what that download must preserve.