Front-End Editor Not Showing Images In Text-Editor
Stefan Scheidegger
Hi there
Under certain conditions, SP Page Builder 5 Front-End Editor does not render images in a text-block correctly.
Conditions, which seem to have an influence:
- Mulit-Language Installation of Joomla, for example web-site has 2 languages English and German, the URL of the website has /en or /de after domain name: www.example.org/en
- Joomla is installed in a subdirectory of the webhost, for example www.examplehost.com/myjoomla
Observed behaviour:
On a SPPB page with one section and one Text-Block add-on, we included an image in the Text-Block content:
<p>Lorem ipsum dolor sit amet...</p><p><img src="/images/banners/banner.jpg" alt="banner"></p><p>Lorem ipsum dolor sit amet...</p>
- The image is shown correctly within the Text-Block Add-on configuration window
- The image is shown correctly on the front-end of the website
- The image is not showing in the SPPB Front-End editor. Instead, a broken image symbol is shown
Versions in our installation:
- SP Page Builder Pro 5.5.2
- Joomla 5.2.3
Please find the link and the log-in data to our installation in the private section.
Best regards, Stefan
Atick Eashrak Shuvo
Accepted AnswerHi Stefan,
Thank you for reaching out and providing the details.
The issue you're encountering with the SP Page Builder 5.5.2 Front-End Editor not rendering images correctly under a multi-language setup is related to how relative paths are handled in such configurations. When using multi-language structures (e.g., /en or /de in the URL) combined with a Joomla installation in a subdirectory, the editor may misinterpret relative image paths, leading to the broken image symbol you’re seeing.
Solution: To resolve this, please use the full URL for images within the Text-Block add-on. For example:
<p>Lorem ipsum dolor sit amet...</p>
<p><img src="/www.examplehost.com/myjoomla/images/banners/banner.jpg" alt="banner"></p>
<p>Lorem ipsum dolor sit amet...</p>By specifying the full path, the Front-End Editor will correctly render the image regardless of the language URL structure or subdirectory installation.
Let me know if this resolves the issue or if you need further assistance.
Best regard
Stefan Scheidegger
Accepted AnswerHi Attick
Thank you for your feedback. I am aware that using full image urls solves this problem. However, when the domain changes, all image urls on all pages will have to be changed manually. On large websites this is a lot of manual work and we had 3 domain changes in the past years.
Relative image urls are working fine in other add-ons (Image Add-On, Gallery Add-On, ...) also with multi-language and subdirectory installations of Joomla. Could the interpretation of image paths in text-blocks in front-end editor be interpreted the same way like in the Image Add-On? Is there a possibility for the development team to fix this in a future update of SP Page Builder 5?
Best regards, have a great day Stefan
Atick Eashrak Shuvo
Accepted AnswerHello Stefan,
Apologies for the inconvenience. Unfortunately, this issue cannot be resolved due to the way the front-end editor opens with a complex URL structure. The Text Block add-on only allows HTML input, whereas the other addons you mentioned handle image paths using PHP, which is not possible in the Text Block add-on.
We understand that updating full image URLs manually can be a challenge, especially with frequent domain changes. However, due to the technical limitations, this behavior is not something that can be modified within SP Page Builder’s architecture.
Please let us know if you need further clarification.
Best regards
Stefan Scheidegger
Accepted AnswerHello Atick,
thank you very much for the detailed explanation. I now understand why it is not possible to fix the URL in this specific case and I will use the suggested workaround.
Have a great day, Stefan