Inserting links, images, and media in the rich-text editor

Learn how to enhance your content using the Rich Text Editor in ReadyCMS. This guide covers step-by-step instructions for inserting links, images, and media, helping you create engaging and visually appealing pages for your website.

Search

Topics

In ReadyCMS's rich-text editor, you can seamlessly insert links, images, media, code samples, and anchor tags. The buttons for these functionalities are conveniently located in the editor's toolbar.

Image shows a fragment of ReadyCMS rich-text editor toolbar with insert buttons.

Inserting links

  1. Click the Insert/edit link button in the editor's toolbar to open the Insert link window.
    ReadyCMS insert link window.
  2. Input the destination URL for the link.
  3. Provide the text you'd like to display in place of the raw link in the Text to display field.
  4. (Optional) Add a title for the link.
  5. Click Save.
Tip: For a quicker method, highlight the desired text and click the Link button in the pop-up menu. The highlighted text will auto-fill the Text to display field. ![screenshot of popup menu]

Inserting images

Before inserting an image, ensure it's uploaded to the ReadyCMS Media section. Learn how to add files to Media.

  1. Click the Insert/edit image button in the editor's toolbar to open the Insert/edit image window.
    ReadyCMS insert image window.
  2. Input the source URL of the image from ReadyCMS media storage.
  3. Provide an alternative description or check the box if the image is purely decorative.
  4. (Optional) Define the image's height and width. Leave blank to default to front-end settings.
  5. Click Save.

Inserting videos and media

  1. To access the Insert/edit media window, click the Insert/edit media button in the editor's toolbar.
    ReadyCMS insert media window.
  2. Input the source URL for the media.
  3. (Optional) Specify the media's width and height. If unsure, leave blank to use front-end settings.
  4. Click Save.

Inserting code samples

  1. Click the Insert/edit code sample button in the editor's toolbar to open the Insert/edit code sample window.
    ReadyCMS insert code sample window.
  2. Select the desired programming language from the dropdown menu (e.g., HTML/XML, JavaScript).
  3. Input your code into the Code view field.
  4. Click Save.

Inserting Anchors

  1. Click the Anchor button in the editor's toolbar to open the Anchor window.
    ReadyCMS insert anchor window.
  2. Input the ID of the element you're anchoring to.
  3. Click Save.

What's next?

The next topic we recommend in the 'Productivity tools' section is Admin search.

Previous topic: Rich-text editor


Related topics

Help us improve our documentation

Suggest changes or request new documentation

Suggest changes