Images inserted with CKEditor are not displaying on the website

If you are experiencing issues with images not displaying on your website after inserting them with CKEditor, here are a few steps you can take to troubleshoot the problem.

Check the "Files URL" option

Make sure that the "Files URL" option uses an absolute URL instead of a relative one. It can be set via Dashboard or through the Flmngr config with the urlFiles parameter.

Inspect the HTML code

Examine the HTML source code of the webpage where the image should be displayed. Look for the <img> tag that refers to the image and check the src attribute. Compare the file path in the CKEditor source with the file path in the resulting page. Verify that the image URL is correct and accessible. You can try opening the image URL directly in the browser to see if it load.

Check error logs

You can find more information by checking the browser console. Press F12 in the browser and see if there are relevant error messages. Additionally, it would be helpful to check the Nginx/Apache logs from the server.

See also: