2 min read time

New and improved! Text Editor v2

by in Welcome

510080754.jpg2019-06-05

We've updated the text editor in our community which takes a big step forward in providing community users with a contemporary message editing experience. Read on to learn about all the message editor improvements.

Streamlined editing pane

The new editor removes the antiquated tabs structure (Rich Text, HTML and Preview) in favor of a more streamlined experience. You can access the HTML view from the message editor toolbar, and the Preview mode is now accessible via a link in the top-right corner of the editing page.

For users writing only plain text (which is by far the majority of community users), this solution strips away the visual clutter of these extra tabs and lets them just write.

Toolbar button optimization and consistency

There are several improvements to the message editing toolbar to optimize it and make it more consistent:

  • Toolbars across all discussion styles are now consistent and have the same controls. Moreover, the toolbars include many more options that cater to all messaging use cases.
  • Toolbars have been optimized according to each discussion style.
    • Blog/TKB authors need advanced formatting options. So, all the toolbar options are visible upfront.
      Screen Shot 2019-03-18 at 8.03.18 PM.png

      Screenshot: TKB/Blog toolbar

    • Other discussion styles, comments/replies and teasers have only basic options such as Bold, Italic, Underline, Image, Video visible up front and rest of the formatting options can be revealed with a single click when authors need them. 

      Picture1.png

      Screenshot: Toolbar in other Discussion Styles, Comments/Replies & Teaser

  • The mobile toolbar has been optimised as well. 
    Picture2.png

     


    Screenshot: Mobile Editor toolbar

Better visual display for code samples

While documenting a piece of code, readability is utmost important.

In Editor v2, users can now OOTB choose a programming language (~12 languages are supported) and insert a piece of code.

Inserted code blocks show the right indentation and Syntax highlighting according to the programming language making it very easy to follow it.

Screen Shot 2019-03-18 at 8.05.36 PM.png
Screenshot: Sample Java code posted

In-line image editing

To reposition, re-size (small, medium, large) and insert a hyperlink for an image, the user need only click on the image and choose the appropriate option inline.

Screen Shot 2019-03-18 at 8.05.02 PM.png
   Screenshot: Inline Image Editing

Improved emoji support

Emojis are a very powerful medium of expressing one’s thoughts and emotions. An emoji such as “:thumbs_up:” can be used to replace the text - “All the Best!” or “Best of Luck!” or “Well Done!”.

Our new editor brings you the Unicode standard set of 2500 emojis divided across 8 categories. Emojis are supported across both Apple and Windows devices.

We're doing what we can to make your experience here in the Micro Focus Community a good one.

Labels:

Feature-Function
User Interface