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/
Absolutely neccessary to allow proper editing for collaborateurs!
+1 vote for this.
please add
Still needed in 2022.
oh yeh this is soooooooo necessary!
Please add :)
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.
4 years and no progress :/
Agree!!!!! Urgently needed!
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 :)
I agree!
Any News here?
I absolutely need this! pls Webflow
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.
In need this to!
I need this to!
I would go as far as group this as part of the CMS gallery.
Maxed out my 3 votes. Definitely a must. I would go as far as group this as part of the
I would give this all 15 votes if I coud