Highlighted

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

New Here ,
Aug 30, 2018

Copy link to clipboard

Copied

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

Views

165

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more

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

New Here ,
Aug 30, 2018

Copy link to clipboard

Copied

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

Views

166

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Aug 30, 2018 0
LEGEND ,
Aug 30, 2018

Copy link to clipboard

Copied

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.

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Aug 30, 2018 0
New Here ,
Aug 30, 2018

Copy link to clipboard

Copied

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)?

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Aug 30, 2018 0
New Here ,
Aug 30, 2018

Copy link to clipboard

Copied

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...?

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Aug 30, 2018 0
LEGEND ,
Aug 30, 2018

Copy link to clipboard

Copied

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).

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Aug 30, 2018 1
LEGEND ,
Aug 30, 2018

Copy link to clipboard

Copied

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,

^ _ ^

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Aug 30, 2018 0
Adobe Community Professional ,
Aug 30, 2018

Copy link to clipboard

Copied

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>

<meta charset="utf-8">

<title>Test page</title>

</head>

<body>

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

<img src="https://placeimg.com/500/400/nature" alt="placeholder">

</body>

</html>

Nancy O'Shea, ACP
Alt-Web Design & Publishing

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Aug 30, 2018 1