외부 이미지 소스 URL 이 발행시 SSL URL(https)로 변경 되어 이미지가 깨지는 현상

안녕하세요. 게시판의 에디터에서 편집할 경우

외부 이미지 주소가 자동으로 https 형태로 변환됩니다.

 

예를 들어 다음의 이미지 소스의 위치가

http://rcm-images.amazon.com/images/P/B0007XIE80.01._SCTHUMBZZZ_.jpg

다음과 같이 발행후 변경됩니다.

https://rcm-images.amazon.com/images/P/B0007XIE80.01._SCTHUMBZZZ_.jpg

 

그래서

이미지 주소가 자동으로 https 로 리다이렉팅 안되는 서버의 이미지들은

 

발행된 게시물에서 이미지가 깨져서 나오는데요,

 

다음의 동영상 참고 바랍니다. (같은 내용으로 네이버 게시판에서 정상인 경우를 비교해 촬영했습니다. 참고로 이곳에서도 정상으로 보이는 듯 합니다.)


https://screencast-o-matic.com/watch/cYnleGwuT3

 

이 문제를 해결할 방법을 알려주시면 고맙겠습니다.

 

 

감사합니다.

 

좋은 정보와 인맥을 동시에, 워드프레스 사용자 단톡방 참여하기
좋은 정보와 인맥을 동시에, 워드프레스 사용자 단톡방 참여하기
  • 안녕하세요.

    해당 내용을 복사해서 저희 쪽 테스트 서버에서 확인해보니

    이미지 주소 변경이 되지 않고 정상적으로 표시되는 것을 확인했습니다.

    다른 문제는 아닌지도 확인해보시겠어요?

    사용 중이신 테마를 잠시 다른 테마로 바꿔서 확인해보시고

    다른 플러그인을 하나씩 비활성화해가면서 점검해보셔야 할 듯합니다.

     

    워드프레스 글(Post) 또는 페이지에서도 확인을 해보시겠어요?

    고맙습니다.

  • 안녕하세요~^^

    KBoard 플러그인에서 에디터는 워드프레스 내장 에디터, 썸머노트, textarea를 지원하고 있습니다.

    3가지 에디터에서 해당 문제가 발생하는지 확인해보셔야 할 듯합니다.

    또한 복사 붙여넣기로 게시글을 작성할 경우 복사한 쪽과 에디터가 서로 호환되지 않을 수도 있습니다.

    그렇기 때문에 이미지가 들어가는 HTML 코드가 포함되어 있다면

    이미지는 에디터 쪽 기능으로 첨부해주셔야 할 듯합니다.

    고맙습니다.

  • 감사합니다.

    3가지 에디터 모두에서 해당 문제가 발생합니다.

    타 게시판의 게시물을 DB 마이그레이 작업으로 K보드에 DB로 들어가기 때문에 복사 붙여 넣기만의 문제는 아닌듯 합니다.

    여기선 편의를 위해서 복사 붙여넣기로 HTML 코드를 넣는 경우로 해당 문제의 발생을 보여드렸습니다.

    지금 이 문의를 하는 코스모판의 케이보드 문의 게시판의 경우 같은 HTML 코드라도 문제가 발생되지 않습니다.

    따라서 이곳의 에디터 처럼 셋팅하면 해결할 수 있을 듯 한데요. 아이디어 있으시면 말씀 주시면 고맙겠습니다.

    관련 동영상 첨부했습니다. 수고하세요

    https://screencast-o-matic.com/watch/cYnIV5wvTj

  • 감사합니다.

    말씀에 아이디어 얻고, 서버 SSL 셋팅에서 Mixed content fixer 를 해제 하니 해결되었습니다.

    다만 이 경우 Mixed content 와 관련된 ssl 이슈가 문제가 되는 군요.

    즉 htttps 가 아닌 url 요소가 있어서 브라우저에서 SSL 문제를 삼는데,

    이 경우 케이보드 같은 경우는 어떤 방법으로 적용 할 수 있을까요?

    케이보드 역시 게시물 중에 htttps:// 가 아닌 것으로 사용자가

    게시물을 적용시키면 https 이슈가 나오는데요 (물론 이건 어디나 마찬가지 문제입니다)

     

    어쩔 수 없는 일이겠습니다만 , 혹 다른 차원의 아이디어가 있으신지요?

     

    https://screencast-o-matic.com/watch/cYn2b4wyEx

     

     

     

  • 안녕하세요.

    브라우저에서 Mixed content 이슈가 표시되는 이유는

    말씀하신 것처럼 https 사이트에서 http 주소가 포함되어 있기 때문에

    브라우저에서 경고 차원에서 표시하고 있습니다.

    해당 문구를 표시되지 않게 하시려려면 https 사이트에서는 https 주소로 데이터를 표시해야 할 듯합니다.

    또, http 주소로 이미지가 정상적으로 표시되지만

    https로는 이미지가 정상적으로 표시되지 않는다면

    해당 이미지가 저장된 서버에 SSL 인증서가 설치되어 있지 않거나

    정상적으로 설치되지 않는 문제 등이 있을 수 있습니다.

    고맙습니다.

좋은 정보와 인맥을 동시에, 워드프레스 사용자 단톡방 참여하기