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.

Search

Topics

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 as easily as you would in a word processor.

How to use the rich text editor

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

A screenshot of the TinyMCE editor interface in ReadyCMS, showcasing the latest rich text editing features with formatting tools, media insertion options, and text styling capabilities.

The Menu bar

A close-up view of the menu bar in the ReadyCMS text editor, displaying options like File, Edit, Insert, View, Format, and Tools for managing content.

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

Toolbar features

The toolbar is your primary workspace in the editor. Here are some notable 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

What's next?

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

Previous topic: To-do List


Related topics

Help us improve our documentation

Suggest changes or request new documentation

Suggest changes