Getting the Most out of the Improved Rich Text Editor - AVS Forum
Forum Jump: 
 
Thread Tools
post #1 of 1 Old 08-27-2013, 04:01 PM - Thread Starter
Member
 
AVS Admin's Avatar
 
Join Date: Jun 2010
Posts: 21
Mentioned: 0 Post(s)
Tagged: 0 Thread(s)
Quoted: 0 Post(s)
Liked: 10

 
    Quick Links: What's Changing? 

    Toolbar Basics

    New Functions

    Right Click Tools Menu
 

 

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!

 

 

Toolbar Basics

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.

 

LKoi5rx.png

 

 

Here's the fully expanded toolbar. 

 

t4k5QVr.png

 

 

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. 

 


New Functions

You've probably noticed some new toolbar buttons, especially in the expanded view. Here's the rundown what they do:

 


 

LfCUgnw.png

Bold, italic, and underline and strikethrough but also superscript and subscript for mathematical expressions & footnote annotations.

 


 

bclD1Tj.png

 

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). 

 


 

ycXT9O7.png

 

You know about lists: numbered and bulleted. Finally, there's a button for "indent" that allows you to create multi-level lists. Like so:

 

  1. Fruits
    • Apples
      1. Fuji
      2. Pink Lady
      3. Granny Smith
    • Bananas
    • Grapes
  2. Vegetables
    • Potatoes
    • Carrots
    • Celery

 

The Increase/Decrease Indent buttons allow you to manage the levels. You can also mix & match bulleted & numbered lists however you like. 

 


 

kABrian.png

 

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  -_-

 


 

 

R6JLI1s.png

 

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. 

 


 

9oQYgGW.png

 

These two are:

 

Search for text

and

Find / Replace text

 


 

tTQmIwp.png

 

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:

 

jhtey0R.png

 

 

 

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. 

 

GQ0ps69.png

 

 

 

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. 

 

5lrUvYk.png

 

Summary:

  1. toolbar collapsed: you can use your browser's right click menu freely
  2. toolbar expanded: CK Editor will show its tools menu instead when you right-click

 

JatPPVK.png 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). 

 

 

Happy Editing!

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 :)

AVS Admin is offline  
Reply Community News & Polls

Thread Tools
Show Printable Version Show Printable Version
Email this Page Email this Page


Forum Jump: 

Posting Rules  
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are Off
Pingbacks are Off
Refbacks are Off