Rich-text editor

A rich-text editor is an interface for editing rich text within web browsers, aiming to reduce the effort of users trying to express their formatting directly as valid HTML markup.

What is the rich-text editor?

A rich-text editor is a tool used within web browsers that lets you edit rich text without delving into the intricacies of HTML markup. With its "what-you-see-is-what-you-get" (WYSIWYG) interface, you can format and style your content just as easily as you would in a word processor.

Rich text editor screenshot

How to use the rich text editor

ReadyCMS's rich-text editor is intuitive, allowing you to format and style content for your web page or online shop seamlessly. Let's explore the features of the editor:

expanded editor toolbar

The Menu Bar

Rich text editor toolbar

This contains various tabs such as File, Edit, View, Insert, Format, Tools, Table, and Help, which house a collection of relevant tools and commands.

Toolbar Features

The toolbar is your primary workspace in the editor. Here are the tools and their functionalities:

  • Undo & Redo: Allows you to revert or reapply your recent actions.
    Undo & redo buttons
  • Text styles: Choose options such as Bold, Italic, Underline, or Strikethrough to emphasize your content.
    Text styles in rich text editor
  • Font options: Select different fonts, sizes, and block elements like paragraphs (p), and headers (h1, h2, h3, etc.) from dropdown menus.
    Fonts and font sizes
  • Alignments & Indentation: Align your content (left, center, right, or justified) or adjust paragraph indentations.
    text alignment and indentation
  • Lists: Create organized bulleted or numbered lists.

  • Color Picker: Modify the text or background color using the color palette dropdown.
  • Clear formatting: Wipe out any formatting applied to the selected text with just one click.
    clear formatting of the text
  • Page break: Insert a page break for clearer content segmentation.
    insert a page break
  • Special characters & Emoticons: Incorporate symbols or emoticons for added flair in your content.
    bulleted or numbered lists
  • Utilities: Use the Fullscreen, Preview, Save, and Print buttons for different tasks.
    fullscreen, preview, save, print buttons
  • Insert tools: Embed images, media, links, code samples, or anchors seamlessly.
    insert images, media, links, code samples
  • Text direction: Toggle between left-to-right and right-to-left script types based on your content requirements.
    left to right or right to left text direction

Want to learn more about how to insert links, media, or images in our text editor? Check out this page.

 


Related topics:

Search

Topics

Help us improve our documentation

Suggest changes or request new documentation

Suggest changes