What is a Rich Text Editor?

 

Rich Text editor, sometimes called a WYSIWYG editor, is the one that appears in areas where text can be entered. You can control the appearance of your text using the Rich Text Editor. It contains the formatting tools and editing icons needed to edit your text. It also provides links to audio, websites, and video, as well as other text documents.

There are instances when pasting text into a Rich Text Editor alters the original format of the text. However, there are also instances when the formatting is preserved, such as alignment. Rich Text Editor has many versions. It has been the building block of much inputting textual content into AEM. It can form the basis of different components such as text, text image, and table. The Rich and Text Editor is dependent on the UI. There are two types of UI that you may be using: (1) Rich Text Editor-Touch-optimized UI and (2) Rich Text Editor – Classic UI. Both of the UI types mentioned above carry the same feature, and the only thing that differentiates them is that the touch-optimized UI does not fully support the image and table feature.

Want to know more about the in-place editing of touch-optimized UI?

In order for you to edit your content and implement basic formatting charges, select first a text-based component with a slow double-tap or click in the space for in-place editing. The toolbar above provides the following:

  1. Text – This allows you to set your texts into bold, italicize, or underline.
  2. Alignment – This sets your text to the left, center, or even right align.
  3. Lists – For you to further organize your content, you can order them through bullets or using numbered lists. You can also set indentation.
  4. The chain contains the create a link feature.
  5. The next one beside it is the remove a link feature.
  6. You also have the choice to put your editor in full-screen mode.
  7. The big X  is an option if you want to close the toolbar.

If you want to put into full-screen mode the text-based components, just look for this toolbar:

The full-screen mode will hide the rest of the page content and allows you to see all the options that are in your rich text editor. The options will depend on the configuration.

Want to know more about the classic UI?

The WYSIWYG editing dialog provides support for the various functionalities present in the Rich Text Editor- Classic UI. Moreover, the features available in the interface can be modified depending on your individual projects. Hence, it will vary for your installation.

In-Place Editing-Classic UI

The in-place editing mode provides direct editing for the page that is displayed in the layout of the page. You can simply double-click to modify the in-place editing mode. You can be able to directly edit the text on the page, instead of moving inside a dialog window. Every time you make changed, all the alterations are automatically saved.

Now that you have a walk-through on the difference between touch-optimized UI and classic UI, here are some of the features of a Rich Text Editor. These are available for both the touch-optimized UI and classic UI.

Formatting of Basic Characters

Bold, Italic, Underline

Some of the options shown above have their short cut keys:

  • Bold – Ctrl - B
  • Italic – Ctrl - I
  • Underline – Ctrl - U
  • Subscript
  • Superscript

Style and Format

There are also predefined styles and formats in Rich Text editor. Depending on your installation, these predefined styles and formats.

The Style and Format contain drop-down lists, and when text is selected, these options can be applied. For touch-optimized UI, only the Format drop-down lists is available.

You can also format an entire text paragraph through this one.  The default format is the Paragraph option.

If you wish to remove a style, you may opt to place the cursor within the text over which the style you had previously applied. From there, you can click to remove icon.

Cut, Copy, Paste

The standard functions of Cut, Copy and Paste are available on Rich Text Editor also for usage. In order for your formatting to be easier, you may opt to try the following shortcuts:

  • Cut – Ctrl – X
  • Copy – Ctrl – C
  • Paste – Ctrl – V - This is the default option when you are copying text directly from other text applications.
  • Paste as Text - This removes all the styles and formatting applied previously. This only saves the plain text.
  • Paste from Word  - This retains some formatting applicable to the Rich Text Editor and converts the content to HTML.

Undo, Redo

Good news for you, mate! You can go back to all your previous 50 actions as they are recorded based on chronological order. Rich Text Editor keeps track of all your actions so you can undo and redo them when you want to.

Alignment

You can adjust your text on how you want it to look. You can align it in the left, center, or in the right. Here is an example of the mentioned three options above:

Indentation

You can also adjust the indentation of your paragraph. You can increase it or decrease it according to your preference. If you select your paragraph, it will be indented. The succeeding texts will follow the set level of indentation automatically.

Lists

You can create bulleted and numbered lists through Rich Text Editor. You can choose whether the list types and start typing, or you can simply highlight the text you want to convert. Tiu can also create a sublist by applying indentation.

Links

You can incorporate links to a website in the Rich Text Editor. The first icon puts a link, and the second removes a link in the editing place. This basically links and unlinks the links.

This wraps up our introduction on what a Rich Text Editor is. You can try to apply the information given here by using a Rich Text Editor on your own. Good luck!

Similar Articles

5 Easy Ways to Amplify Productivity & Profits Using Enterprise Portal Solutions

You are running a business; some processes are on point; other techniques can be improved. You know you want to grow, be more productive, and gain a competitive edge, but how? It is precisely where collaboration portal development can help! 

Decoding Java Microservices to Help You Do it Right the First Time

Easy to build and quick to deploy, Microservices are gaining momentum in the development world. Microservices reduce development complexity and allow you to adopt new technologies. Businesses looking to stay competitive are transforming their existing monolithic architecture to microservices for Java development.

Top 10 DevOps Tools To Make Your Life Easy & Work Effortless

DevOps offers a variety of tools and technologies to design, deploy, and test applications in a matter of minutes, with just a few clicks. You can tailor them to client needs and terminate them when not in use. They make processes quick and cost-effective for both the ops team and the development team.

Application Integration vs. Data Integration: Purpose, Pros, Cons & Everything in Between

Businesses need to plan and prepare before digitizing operations to survive and thrive in a dynamic business environment. If you want to get things right from the start, it is essential to know the basics of integration technologies. 

Drupal and Salesforce: How This Duo Benefits Businesses

There is no doubt about the fact that customer relationship management (CRM) software serves a critical purpose across organizations. It is no matter the industry they may be operating in. After all, they are essentially the connecting link between businesses

Magento vs Drupal Commerce: Which Web Development Platform is Better Suited for You?

Why we develop websites or why they continue to be pursued so ardently is a dated question, because it is pretty clear for anyone to see the role they play in the business world. But this question gains completely new importance when one speaks of eCommerce because here, websites are not merely meant to share information about the company.

Robotic Process Automation (RPA)

In my opinion, Robotic Process Automation is a level ahead approach that produces more beneficial support than test automation in different ways. Learn more in this article.

Why You Should Switch to the Cloud

A 2019 Gartner report about the revenue generated by cloud computing found that the global market for it was expected to touch roughly $250 billion in value. By 2022, Gartner predicts, the worldwide public cloud service revenue would reach a massive $331 billion market value by 2022

Issue Tracking Tools

Issue tracking is one of the most important parts of a software development lifecycle that cannot be skipped or omitted. While organizations emphasize on increasing their software testing efforts to improve quality and ensure faster releases, their dependency on tools increases too.