The Huddler platform has just upgraded to the newest version of CK Editor which powers the Rich Text Editor here.
This upgrade brings a new look and some new features. The BBCode Editor' functionality is not changing here, these are upgrades to the Rich Text Editor only.
Let's jump into what's new!
The first thing you'll notice is that the default toolbar is more compact. Frequently-used items are displayed in a streamlined toolbar that saves you vertical space and makes the most commonly needed buttons easier to find at a glance. If you need something you don't see, just click "More" to expose the full kit.
Here's the fully expanded toolbar.
You may find this extra click annoying if you want the full toolbar all the time. Don't worry! The Editor will remember how you last left it. Expand the toolbar once, and the next time you come back, it will still be expanded. Compact it, and it'll stay compacted until you expand it again. You don't need to set any preference checkboxes for this. It'll just work.
Note that you can expand and contract the toolbar at any time without losing the post you're working on.
You've probably noticed some new toolbar buttons, especially in the expanded view. Here's the rundown what they do:
Bold, italic, and underline and strikethrough but also superscript and subscript for mathematical expressions & footnote annotations.
Link, Unlink, and Anchor. You probably know all about links. Placing an anchor allows you to link directly to a specific place within a post. When you link to an anchor, people who click that link will scroll directly to your anchor point. This is especially handy in long posts. For example, the table of contents in this post was constructed with the insert anchor button.
To insert an anchor:
1. Highlight the text you want to be the anchor, or just place your cursor where you want the anchor point to be.
2. Click the anchor button and give your anchor a name (spaces are not allowed!).
3. Link to the page URL where your anchor appears, like so:"#user_[anchorname]"
The system adds "user_" as a prefix to your anchors to make sure they don't collide with other anchors already in the page (like post permalinks).
You know about lists: numbered and bulleted. Finally, there's a button for "indent" that allows you to create multi-level lists. Like so:
- Pink Lady
- Granny Smith
The Increase/Decrease Indent buttons allow you to manage the levels. You can also mix & match bulleted & numbered lists however you like.
Insert: Image, Video, Table, Horizontal Rule, Special Character, Smiley, Quote Block, Attachment, Spoiler
The new function here is "Insert special character." It's handy for a few things like accented characters like Ò ˆ È and some symbols ? © Ω ª
For some odd reason... it doesn't actually offer an Omega symbol -_-
The icon with the "T" is Paste as Plain Text. If you've copied formatted text from somewhere and you don't want any of the formatting to come through, this button will do a complete reduction-to-text before pasting. Just paste into the dialog that pops up and click "OK."
The icon with the "W" is Paste from Microsoft Word and will make a best attempt to preserve formatting intelligently when you paste from Microsoft Word. Just paste into the dialog that pops up and click "OK."
The Undo and Redo arrows should be familiar already.
These two are:
Search for text
Find / Replace text
Last but not least is Maximize, which will allow the editor to take over your entire window. This is really helpful when editing a big post as it gives you a large, resizable canvas to work on. Very cool.
You can maximize and minimize without worrying about losing the post you're working on.
REMEMBER: when you're ready to submit your post, you need to first Minimize to exit the fullscreen view, and then press the "Submit" button!
Right Click "Tools" Menu
You may not always get what you expect when you right-click inside CK Editor. When you right-click inside the editor's textarea, you may see the editor's tools menu instead of your browser's own context menu.
Here's an example of trying to right-click on a misspelled word. You may have seen this happen:
Good news. When the toolbar is collapsed, and the editor is in its compact mode, this will no longer occur. You will be able to use your browser's built-in spellchecker, as shown below, by right-clicking in the textarea.
However, when the toolbar is expanded, and the editor is in kitchen-sink mode, CK Editor will still show its tools menu when you right-click.
That's because this menu is the only way that CK Editor can expose some important function, such as table editing. For example, as shown below, the only way to add a row to a table is to right-click and select "Insert Row" from the CK Menu.
- toolbar collapsed: you can use your browser's right click menu freely
- toolbar expanded: CK Editor will show its tools menu instead when you right-click
TIP: You can always disable the CK Editor context menu by holding down the Control key when you right-click (use the Command key on a Mac).
This up to date version of CK Editor also comes with many small bug fixes and optimizations. We hope you find it an improvement.
Just to repeat; the BBCode editor is not changing or going away! If you have set your preference to BBCode, it will stay that way :)