CKEditor Formatting Features Walkthrough

No document editor would be complete without basic formatting tools. Well, there are plenty in the main CK editor toolbar. For example, we can change font size independent of HTML tag type and take it back to default. We can also customize the font family, text color, or the background color.

Of course, if you'd like to exclude any of these from the toolbar, you could do that too. We can also change the tag types between paragraphs and headings. We could create unordered lists, which have dots on the left hand side, or ordered lists that have number ordering. We can align text.

Though this really isn't a great look for lists, so let's back that up a little bit with command Z. Perfect, works exactly as expected. We can use other common keyboard shortcuts too. like Command B for bold on the Mac or Control B for bold on Windows or Linux, and Command or Control I for italic.

Notice that when we highlight text, we also get the conveniently positioned bubble menu where we can do things like comment, format with bolder italic, head links, and more. For even more convenience, we can use Notion style slash commands to add all kinds of elements like lists, emojis, headings, and more without ever touching the mouse. Of course, any of these commands can be removed and you can even add your own. To sum up, CK Editor comes with all the formatting options you'll need right from the start.

And if you need to tweak them for your use case, you can. No document editor would be complete without basic formatting tools. Well, there are plenty in the main CK editor toolbar. For example, we can change font size independent of HTML tag type and take it back to default.

We can also customize the font family, text color, or the background color. Of course, if you'd like to exclude any of these from the toolbar, you could do that too. We can also change the tag types between paragraphs and headings. We could create unordered lists, which have dots on the left hand side, or ordered lists that have number ordering.

We can align text. Though this really isn't a great look for lists, so let's back that up a little bit with command Z. Perfect, works exactly as expected. We can use other common keyboard shortcuts too.

like Command B for bold on the Mac or Control B for bold on Windows or Linux, and Command or Control I for italic. Notice that when we highlight text, we also get the conveniently positioned bubble menu where we can do things like comment, format with bolder italic, head links, and more. For even more convenience, we can use Notion style slash commands to add all kinds of elements like lists, emojis, headings, and more without ever touching the mouse. Of course, any of these commands can be removed and you can even add your own.

To sum up, CK Editor comes with all the formatting options you'll need right from the start. And if you need to tweak them for your use case, you can.