Redactor (v1) • Screenshots

The page you're currently looking at contains information related to Redactor 1.x. Please visit Redactor for the relevant information for Redactor 2.x.

Get an idea of the possibilities and look and feel of Redactor, by browsing the screenshots below. Missing any particular screenshots you would like to see? Let us know and we'll add them!

You can also play with Redactor live, on our Demo Site.

Redactor tightly integrated in Revolution 2.2.8.

Redactor tightly integrated in Revolution 2.2.8.

Redactor overview

Redactor overview

Block-level formatting is available as a dropdown with preview

Block-level formatting is available as a dropdown with preview

Image uploading through drag and drop.

We really couldn't make it easier than this. Drag and drop one or more images straight into the drop area, or choose an image with the regular file upload.

Image uploading through drag and drop.

Choosing Images already uploaded

Use the Choose tab to find images that have previously been upload to the server. Optionally you can enable displaying file names under the images, and the path it shows files from is configurable as well.

Choosing Images already uploaded

Link to images elsewhere

If the image is already uploaded somewhere else, you can link to it by simply inserting the image link.

Link to images elsewhere

Inserting a video is simple too.

Just grab the embed code from the service (like YouTube or Vimeo) and insert it into the textarea. No ton of options to care about.

Inserting a video is simple too.

Drag & Drop file uploads too!

For linking to attachments or downloads, use the insert file functionality. You can drag and drop these, or use the file upload to pick one from your computer.

Drag & Drop file uploads too!

Choose existing files

Only available in Redactor by modmore, you can use the Choose tab to pick an image that is already uploaded to your server.

Choose existing files

Link to an external URL

Simply enter the URL and insert.

Link to an external URL

Link to a Resource with typeahead

Uses the MODX link tag to generate links, but doesn't show it to the user. Simply start typing until you find the resource you're looking for.

Link to a Resource with typeahead

Email & Anchor links

If you have a need for email or anchor links, you can enable these additional tabs using system settings.

Email & Anchor links

Tables are fully supported

Insert tables simply. Choose the amount of rows and columns and start work. Add a table header or more rows and columns easily.

Tables are fully supported

Table options

These are the options when it comes to inserting tables, all in plain English (or whatever language you chose).

Table options

What You Mean (WYM) mode

Gives block level elements some padding, a background and a border.

What You Mean (WYM) mode

Redactor Custom TVs

The custom Redactor TV input type allows you to use custom configurations for individual TV instances.

Redactor Custom TVs

Alignment

Choose the text alignment with a simple dropdown, or change the buttons to have a button for each instead.

Alignment

Source View included

Redactor comes with a nice source view, just in case you need some quick tweaks. Can be disabled through a system setting, so can be applied on a per user basis.

Source View included

Air Mode

Air mode hides the toolbar, and shows a floating toolbar when you select text. This is an example of using the custom Redactor TV with specific settings.

Air Mode

Fullscreen mode

As of Redactor 1.1.0 there is also a nice fullscreen mode included. The toolbar is fixed to the top so it's always in view when you have a lot of text.

Fullscreen mode