i think I am missing something regarding the inline content editor Redactor

I mean, it's absolutely horrible! In 5.6 TineMCE was integrated into file manager, and had decent editing options. I was super happy with it and more importantly so were my clients.

I read all this wonderful stuff about redactor from how it is better looking (Really? where?) to why TinyMCE is such a terrible thing... but I am still dazed and confused....

I am sure the folks at Concrete had many excellent reasons to switch, but usability does not seem to be one of them.

I assume there must be some "enable advanced" flag somewhere I have not been able to find.

For example,

I can't insert images from the file manager, but have to provide a URL!? How does that work when a user is adding a blog post? First he has to FTP the image he wants to use to some public site, then link to it in the blog?
I can't choose fonts
I can't choose custom size
I have no control over the size, border, etc, of the inserted image
I can't add attributes to a link.
I can't change colors of text or background

Yes, I know some of these things can be adjusted with a custom css... but I can not tell my clients "oh, just build a custom CSS and FTP it to the live site, then you can have green text"... or whatever.

So, I am hoping I am simply being clueless about how to configure redactor. Please tell me that is the case.

View Replies: View Best Answer
hutman replied on at Permalink Reply
When you are in the Redactor window if you position your cursor where you want your image to be, then click the Image icon and then the magnifying glass that will bring up the File Manager for a Content block and it works mostly like 5.6. I'm not sure how to add the margin/padding (I'm also still learning the new system).

If you go into the Dashboard -> System & Settings there is a Rich Text Editor option there which allows you to turn on the Font Family, Font Size and Font Color options.

This is using, I don't know about the other versions, but those options are here.
ntisithoj replied on at Permalink Reply
nice! ok, that way pretty simple, and obvious... but i seemed to have miss it any way. thanks
ntisithoj replied on at Permalink Reply
Sadly, clicking the image of the magnifying glass, which DOES bring me to the file manager, returns a bad link to the image :(

For example, clicking on the image I want returns the following into the the "Image Web Link" field


Yes, it actually INCLUDES the domain name in the link... thereby hardcoding a local image (and breaking the page for cloned dev sites)

This is not an image... and going to the page directly results in "the image cannot be displayed because it contains errors"

However, if I go to file manager and select "view" for the image, and then "copy image location" I get a link I can use it.
MrKDilkington replied on at Permalink Best Answer Reply

"I can't choose fonts"

In addition to the Font Family plugin, for most situations you will set the font choices with custom styles. Custom styles are defined in your theme page_theme.php.

Here is a How-To on adding custom styles.

"I have no control over the size, border, etc, of the inserted image"

If you click an image in Redactor, it will become semi-transparent, will have "edit" in the center of the image, and a checkered border with a black square on the lower right side. This black square can be dragged to resize the image.

"I can't add attributes to a link."

I made a Redactor plugin for adding classes and ID's to links. It is called "Add and Remove Classes and ID's" and you will find it along with install instructions at the bottom of the first post. -http://www.concrete5.org/community/forums/5-7-discussion/redactor-i...

The plugin adds classes and ID's to block elements, links, and images. This way you can create your classes in advanced and apply them as needed.


"I'm not sure how to add the margin/padding (I'm also still learning the new system)."

By default the images don't have margin or padding set. When you edit an image, there is an option to set position. Choosing left or right, floats the image and adds margin: 0px 10px 10px 0px;.

I can definitely see situations where 10px is not enough margin with surrounding text and images. Including margin in the image "Edit" modal is something I plan to work on. EDIT - adding margin inputs in the image Edit modal seems to require changing too much of how Redactor works and doesn't work properly.
ntisithoj replied on at Permalink Reply
Great info! thanks