Redactor Plugins and Images
Permalink
I am at last trying to get to grips properly with 5.7 an its way of operating. To that end I have ditched my block for zooming images inand used Lightbox through the Magnific Popup. I have also been trying top get my head around Redactor and plugins. To that end I have installed the Advanced Color Picker and Clips plugins. The Advanced Color Picker works fine. The Clips plugin works fine, with a bit of fidilling about, apart from a couple of minor problems when it references the css file as in the ‘Red Label’ option:-
1) The css file appears to be only included when Redactor is active. As soon as the content block is saved the css file is no longer available and the content added loses it’s style markup. The plugin is managed from controller.php in the clips directory held in the Package directory. (I called the plugin clips not clips_plugin) Do I need to register and require the css resource in some other php file for it to be installed when Redactor is not active?
2) When I try to modify the ‘Red Label’ clip to work on a paragraph tag the reference to class is stripped out when I view the html source. Is there some reason for concrete5/Redactor doing this?
In the code below the span tag works fine, or at least as described in (1) above (obviously with the // comment removed) whilst the line below, for a paragraph, has the class statement removed: To play with this bit I took out the tag specific application in the css file)
Working with Images in Redactor
I noticed when I was registering the plugin in Systems and Settings/Rich Text Editor that Lightbox is already included. What is it used for and is there any easy way to get a zoom function for images when they are added to a Content block by Redactor?
This something that I would like to achieve as it is quite a part of my Web sites in 5.6.
I have managed to get a zoom effect but it has involved editing the html in the content block and is just a rather labour intensive workaround. A plugin to do this would probably be the way to go?
Any help or directions to suitable documentation would be appreciated
1) The css file appears to be only included when Redactor is active. As soon as the content block is saved the css file is no longer available and the content added loses it’s style markup. The plugin is managed from controller.php in the clips directory held in the Package directory. (I called the plugin clips not clips_plugin) Do I need to register and require the css resource in some other php file for it to be installed when Redactor is not active?
2) When I try to modify the ‘Red Label’ clip to work on a paragraph tag the reference to class is stripped out when I view the html source. Is there some reason for concrete5/Redactor doing this?
In the code below the span tag works fine, or at least as described in (1) above (obviously with the // comment removed) whilst the line below, for a paragraph, has the class statement removed: To play with this bit I took out the tag specific application in the css file)
// ['Red label', '<span style="background-color: rgb(233, 48, 48);">Label</span>'] // ['Red label', '<span class="label-red">Label1</span>'] ['Red label', '<p class="label-red">Label2</p>'] ];
Working with Images in Redactor
I noticed when I was registering the plugin in Systems and Settings/Rich Text Editor that Lightbox is already included. What is it used for and is there any easy way to get a zoom function for images when they are added to a Content block by Redactor?
This something that I would like to achieve as it is quite a part of my Web sites in 5.6.
I have managed to get a zoom effect but it has involved editing the html in the content block and is just a rather labour intensive workaround. A plugin to do this would probably be the way to go?
Any help or directions to suitable documentation would be appreciated
