CSS support has been present in older versions of KTML
as well, but in the latest version there are significant improvements
regarding style rendering. You can create a cascading
style sheet
file in which to define all the styles you need when editing content,
and then use the file within the editor editor.
Its content (styles) will be displayed in the Style
drop-down menu. Styles and classes are rendered in the drop-down menu
as they will look in page so that you can easily pick the correct one:
In the editor, the Style
drop-down menu no longer lists all the styles defined in the .css
file all the time. Element-specific classes (namely classes to-be-applied
on certain elements, like table cells, links etc.) will be dynamically
loaded in the menu, based on the current position of the cursor. If the
cursor is placed inside an element that has specific styles defined, those
styles will be displayed in the Style drop-down
menu as well:
Redefined tags (e.g. <a>)will not appear
in the Style drop-down menu, but when used,
they will render correctly in the editor. One exception to this rule is
when you have redefined the formatting tags <h1>,
<h2>, ..., <pre>
- they will be displayed in the Format drop-down
menu with the current style applied: