This is a glaring oversight and lack in very fundamental features for any sort of a blog or CMS, in such an otherwise mature and well-thought-out product as Webflow. Of course any blog author expects to make an uploaded photo or graphic expandable to full-size on clicking, as that has become expected behavior on the Web. Please fill the gap.
PS: Workaround - Note that you CAN manually, laboriously add a link to each image in the rich text editor, that leads to the same image in its own browser tab (by clicking on the image in the RTE, clicking the wrench icon, clicking "Link" then pasting in the URL field the URL of the image (or larger version of the image that you've also hosted on webflow or elsewhere). That's not very elegant though and simply plops an image in an otherwise-empty browser tab, with no styling and missing the expected close/minimize controls.
richtext option is an emergency more than e commerce for me, i know that store is attractive for new user and for webflow bank account but gallery and richtext image lightbox are musts.
.svg){kind=logo}
https://lightbox-inside-rich-text.webflow.io/
Attachments Open full size
Absolutely neccessary to allow proper editing for collaborateurs!
Attachments Open full size
+1 vote for this.
Attachments Open full size
please add
Attachments Open full size
Still needed in 2022.
Attachments Open full size
oh yeh this is soooooooo necessary!
Attachments Open full size
Please add :)
Attachments Open full size
This is a glaring oversight and lack in very fundamental features for any sort of a blog or CMS, in such an otherwise mature and well-thought-out product as Webflow. Of course any blog author expects to make an uploaded photo or graphic expandable to full-size on clicking, as that has become expected behavior on the Web. Please fill the gap.
PS: Workaround - Note that you CAN manually, laboriously add a link to each image in the rich text editor, that leads to the same image in its own browser tab (by clicking on the image in the RTE, clicking the wrench icon, clicking "Link" then pasting in the URL field the URL of the image (or larger version of the image that you've also hosted on webflow or elsewhere). That's not very elegant though and simply plops an image in an otherwise-empty browser tab, with no styling and missing the expected close/minimize controls.
Attachments Open full size
4 years and no progress :/
Attachments Open full size
Agree!!!!! Urgently needed!
Attachments Open full size
Step-1
Open custom code section and add that css source in top of head (Inside <head> tag) section.
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/fancyapps/fancybox@3.5.7/dist/jquery.fancybox.min.css" />
Step-2
Add that js source in top of body (Before </body> tag) section.
<script src="https://cdn.jsdelivr.net/gh/fancyapps/fancybox@3.5.7/dist/jquery.fancybox.min.js"></script>
Step-3
Give an ID to your text editor. I gave (editorInbox) in that case.
Step-4
Add that custom code below to "Step-2".
<script>
var valuOfImg = $("#editorInbox").find("img").length;
//console.log(valuOfImg);
if( valuOfImg == 1){
var imgURL = $("#editorInbox").find("img").attr("src");
var getImgData = imgURL.substring(imgURL.length , imgURL.length - 13);
if(getImgData == "_lightbox.jpg" || getImgData == "_lightbox.png" || getImgData == "_lightbox.gif")
{
$("#editorInbox").find("img").wrap( '<a href="'+imgURL+'" data-fancybox="images"></a>' );
}
}
if( valuOfImg > 1){
var i;
for (i = 0; i < valuOfImg; i++) {
var imgURL = $("#editorInbox").find("img").eq(i).attr("src");
var getImgData = imgURL.substring(imgURL.length , imgURL.length - 13);
if(getImgData == "_lightbox.jpg" || getImgData == "_lightbox.png" || getImgData == "_lightbox.gif")
{
$("#editorInbox").find("img").eq(i).wrap( '<a href="'+imgURL+'" data-fancybox="images"></a>' );
}
}
}
</script>
Step-5 (important!)
You have to add _lightbox to end of your file name.
(yourimagefilename_lightbox.jpg , yourimagefilename_lightbox.png , yourimagefilename_lightbox.gif, etc.)
THATS IT :)
Attachments Open full size
I agree!
Attachments Open full size
Any News here?
Attachments Open full size
I absolutely need this! pls Webflow
Attachments Open full size
richtext option is an emergency more than e commerce for me, i know that store is attractive for new user and for webflow bank account but gallery and richtext image lightbox are musts.
Attachments Open full size
In need this to!
Attachments Open full size
I need this to!
Attachments Open full size
I would go as far as group this as part of the CMS gallery.
Attachments Open full size
Maxed out my 3 votes. Definitely a must. I would go as far as group this as part of the
Attachments Open full size
I would give this all 15 votes if I coud
Attachments Open full size