PD Pembangunan Sulut

PD Pembangunan Sulut

Discover the riches of our editor ?

Read on to better understand the functionalities you can test with this demo.

Did you know that…

  • CKEditor is customizable. You can fine-tune the set of enabled plugins, available toolbar buttons, and the behavior of features.
  • The editor supports @mentions. Start typing @An to see available suggestions.
  • You can paste content from Word or Google Docs, retaining the original document structure and formatting.
  • Thanks to Import from Word Import from Word, you can convert a DOCX document into HTML and edit it in CKEditor 5.
  • You can export your document to PDF Export to PDF or Word Export to Word with a single click.

Inserting Images and Image Editing

Inserting and editing images is seamless and efficient, thanks to the powerful capabilities and the intuitive interface of the CKBox integration. Click the CKBox icon Browse files to manage or edit images and other files in this demo.

Effortless Image Insertion:

  • Drag and Drop: Simply drag images from your device or directly from web sources into the editor.
  • URL Uploading: Paste image URLs for quick embedding without leaving the editor.

Advanced Image Editing:

  • Editing: Resize, crop, and rotate directly from the editor, ensuring perfect placement every time.
  • Customizable Styles: Apply various presets to format your image according to social media standards.Autoformatting in CKEditor 5

Some features of CKEditor 5 might be hard to spot at first glance. Thanks to autoformatting, you can use handy shortcuts in the editor to format the text on the fly:

Block formattingBulleted listStart a line with * or - followed by a space.
Numbered listStart a line with 1. or 1) followed by a space.
To-do listStart a line with [ ] or [x] followed by a space to insert an unchecked or checked list item.
HeadingsStart a line with #, ##, or ### followed by a space to create a heading 1, heading 2, or heading 3.
Block quoteStart a line with > followed by a space.
Code blockStart a line with ```.
Horizontal lineStart a line with ---.
Inline formattingBoldType ** or __ around your text.
ItalicType * or _ around your text.
CodeType ` around your text.
StrikethroughType ~~ around your text.