Basic text styles are provided through the Basic Styles plugin which is available in all official CKEditor distributions (Basic, Standard, Full), although some text style buttons are disabled in the Basic and Standard preset.
When the plugin is enabled, the, , , , and buttons are automatically added to the toolbar. You can use them to add some basic inline text formatting to your document. If you want to quickly remove basic styles from your document, use the button provided by the Remove Format plugin.
Basic text styles work on text selections; check the text formats feature for block-level text formatting.
The Basic Styles plugin adds the bold, italic, underline, strikethrough, subscript and superscript features, as visible in the editor instance below. In some editor distributions (Basic, Standard) a few of these features are disabled, though; refer to the Basic Styles: Bold, Italic and More documentation for more information on how to enable them.
Basic text styles can be output in HTML in different ways. For example, the Bold feature can be
<span style="font-weight: bold;"> or
<span class="Bold">. Refer to the
Basic Text Styles: Bold, Italic and More
article for more information on how to customize the output of this feature.
The editor instance below, for example, outputs bold with the
<b> and italic with the
<i> element. Click the
buttons of both editor instances available on this page to compare the source code and see how the same text formatting
can be achieved with different style definitions.
Custom basic style definitions are automatically integrated with Advanced Content Filter and are treated as allowed by the editor content filtering mechanism.