A few months ago, Compendium released a refresh to the HTML rich editor, based on CKEditor, that authors use to create content. Unless you're an adventurous type who likes mousing over toolbar buttons to see what each button does, there's a good chance you aren't aware of some of the goodness lurking therein. In this post, we'll cover some of the ones that you might find especially useful. With each item, there is a thumbnail of the toolbar button so that you can locate it on your editor.
Does working in the post editor ever leave you feeling a little... cramped?
If you're used to composing and editing your content in a word processing program, you might find the 576 or so pixels of screen real estate a bit limiting. By clicking on the full window mode toolbar button, the editor will resize itself to take over the full viewable area of the browser window, which may increase the width to as much as two to three times as much screen real estate. When you're done composing your content, simply click on the button again, and the editor will restore to its original size.
If you're someone who writes longer posts, breaking your content into subsections can help make your content more readable. In the old editor, you either had to add the header tags (e.g. h1, h2, etc.) manually, or you could have styled them by using the bold or italic tools. With the new editor, there is a dropdown menu that allows you to choose from HTML header element types. There are also a few other styles, including monospace and a plain old HTML div element. Using these styles rather than appearance-oriented markup allows you to convey emphasis to screen readers and search engine crawlers. Moreover, with judicious use of styles in your CSS, you will be able to ensure uniform appearance even when you need to do some changes in branding conventions.
Although we engineering types prefer vim and emacs for our editing environment, we realize that much of the corporate world writes its content in Microsoft Word, and a good number of our clients wind up composing there and pasting to our editor later. While Word allows you to do all kinds of cool styling with text, copying and pasting that content into an HTML lies somewhere on the adventure scale between bungee jumping and walking a tight rope without a net. The problem is that Word loads up all of that HTML with additional stuff that browsers just don't quite understand, and people have come up with some labor intensive ways to get around the issue. Using our editor, you can click on the Paste from Word toolbar button, paste your content from Word, into the resulting popup, and the editor will insert your content, sanitized, into the editor, preserving only commonly used HTML formatting.