Images in Design View (CS6) not displaying after installing LetsEncrypt

Report · Aug 30, 2018

Recently changed dedicated servers (Plesk Onyx 17 / Windows Server 2016) and installed LetsEncrypt to comply with upcoming SSL requirements from the browser folks. After this change, pages load in browsers as SECURE just fine. But when designing pages in DW CS6 with images on that secure server, the image preview doesn't display Design View as it had prior to the LE installation. When viewing in Live View, images display as they should. I have tried changing the absolute links from http://site.com/image.jpg to https://site.com/image.jpg...nothing. When the images are referenced locally, everything shows up fine. So it IS possible to do the design locally and then insert the appropriate absolute https link. But this seems to me to be an unnecessary additional waste of my time.

Seeing as how three components are in play (new server + LetsEncrypt + local computer/software), and two have been modified essentially simultaneously, I am not sure where the issues might reside.

I have scoured the settings in DW (and searched MANY support forums) to see if there is some box to un/check that might fix this issue and I have come up with no solutions. Hoping the smart folks here can provide some guidance. Thanks in advance

Report · Aug 30, 2018

Design view has no browser capabilities, unlike live view. Live view and your server are sending, (your server) and de-encrypting (live view) the image code, so you can see the images. Design view on the other hand has no such capability, so the image is not being displayed.

The only way around this problem is to work with local files, (and images). I do not know if the lates version of Dw support working with a secure connection in design view, but I doubt it as design view has not been updated in years.

Report · Aug 30, 2018

So there is no modification to Server Settings (FTP port, root directory, or anything else) that would fix this? I do get that Design View is not itself a browser, but it was properly displaying the remote images a week ago...so the issue here is that Design View simply doesn't have any capability for de-encrypting the file(s)?

Report · Aug 30, 2018

And so I guess the next question would be is there an updated/better version of an Adobe web designing software package that DOES have that capability? Cloud Services...?

Report · Aug 30, 2018

cvh360com wrote
And so I guess the next question would be is there an updated/better version of an Adobe web designing software package that DOES have that capability? Cloud Services...?

Sorry, I simply do not know if the latest version of Dw, (or any other Adobe product) has such capabilities, as like you I use CS6, (and VS Pro).

Maybe someone else can better answer that question, (but personally speaking, I doubt if there is).

Report · Aug 30, 2018

The only thing that I can think of is to make sure that the image src is set to https. Or change the src/href attributes of everything to either relative path, or use protocol agnostic links which will use http if the browser is pointed to http, and https if the browser is pointed to an https link.

HTH,

^ _ ^

Report · Aug 30, 2018

I'm using CC 2017 and I can definitely see externally hosted images in Design View. See screenshot below.

This is the error-free code I used.

<!doctype html>

<html>

<head>

</head>

<body>

<h3>I see this image in Design View</h3>

</body>

</html>

Nancy O'Shea— Product User, Community Expert & Moderator
Alt-Web Design & Publishing ~ Web : Print : Graphics : Media

Adobe Community

Images in Design View (CS6) not displaying after installing LetsEncrypt