페이지 목록의 썸네일에서 일부 이미지가 누락된채로 캡쳐됩니다.

vulcan9 commented 5 years ago

이슈 내용 페이지 썸네일 캡쳐가 정상적이지 않습니다.

재연 방법

Text, HTML Element를 각각 화면에 드래그하여 추가

다음 내용을 적용 (이미지 포함하여 웹에서 드래그 카피한 내용임.)


<p class="txt" style="margin-bottom: 16px; padding: 0px; color: rgb(51, 51, 51); font-family: 나눔고딕, NanumGothic, &quot;맑은 고딕&quot;, &quot;malgun gothic&quot;, 돋움, Dotum, &quot;Apple SD Gothic Neo&quot;, Helvetica, sans-serif; font-size: 14px; white-space: normal; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);">예민한 시대의 문제가 과도한 상징 속에서 상실되어 있다는 것이다.</p><div class="thmb c" style="float: none; margin: 35px 0px 30px; text-align: center; color: rgb(51, 51, 51); font-family: 나눔고딕, NanumGothic, &quot;맑은 고딕&quot;, &quot;malgun gothic&quot;, 돋움, Dotum, &quot;Apple SD Gothic Neo&quot;, Helvetica, sans-serif; font-size: 14px; white-space: normal;">
<a href="https://terms.naver.com/imageDetail.nhn?docId=892650&amp;imageUrl=https%3A%2F%2Fdbscthumb-phinf.pstatic.net%2F0888_000_1%2F20120111173308334_M23DOQR2D.jpg%2Feb13_124_i1.jpg%3Ftype%3Dm4500_4500_fst_n%26wm%3DY" target="_blank" style="color: rgb(0, 51, 172); text-decoration-line: none; cursor: pointer; display: block !important; z-index: 8;">

그러나 『데미안』이 치열하게 "한 사람 한 사람의 삶"을 그려내고 있다는 점을 상기한다면, "자기 자신에게로 이르는 길"을 그리는 것 자체로, 헤세는 시대를 극복하고자 했던 것은 아닐까. 여기서 사람은 결국 '길의 추구, 오솔길의 암시'다.


3. 썸네일 생성될때까지 기다림

**예상 동작**
위 방법대로 하면 실행되야될 예상 동작은 어떤형태인가요?
- 정상적인 캡쳐 결과 : 
![capture-success](https://user-images.githubusercontent.com/5111882/48404590-e55af980-e773-11e8-8b14-5823b14ed559.png)
- 하지만 이미지 누락된채로 잘못 캡쳐됨
![capture-fail](https://user-images.githubusercontent.com/5111882/48404646-07ed1280-e774-11e8-9d76-ddc20658f2f6.png)

**실행 환경**
 - Version : 0.7.20

**Additional context**
- captureSample.html에 `http://` 주소로 시작되는 이미지를 로드하도록 하면 해당 증상은 사라짐
- HTML Element를 삭제하여도 해당 증상 사라짐

vulcan9 commented 5 years ago

phantomJS 버그인것 같음. phantomJS는 2.1.1버전(2016년) 이후로 더이상 버그 패치 안되고 있음
poppeteer 라이브러리로 교체 필요함 (용량 350M 정도임. phantomJS는 17M)
일단 http 주소를 가진 이미지를 숨겨놓으면 증상은 해결됨 (이미지로드 과정이 있어야 캡쳐 성공함 ? 희안하네...)
html-element-render-page.html 페이지에서 다음 오류가 발생하는데 관련 있는지 조사가 필요함
```
Blocked a frame with origin "null" from accessing a cross-origin frame
```

vulcan9 commented 5 years ago

http 주소를 가진 이미지를 숨겨놓으면 증상이 해결되는 점은 원인 파악이 안됨
html-element-render-page.html 페이지에서 cross-origin 문제는 발생하지 않는 것으로 보임 ( phantomJS 에서 옵션으로 처리됨)
HTML Element에서 다음 초기 설정 부분을 삭제하면 문제 발생하지 않음. (역시 이유는 알 수 없음)
```
<ifrme src="nw:blank"`
```

vulcan9 commented 5 years ago

HTML Element에서 초기에 iframe의 src 값를 지정하지 않도록 수정하였습니다. 0.7.21 버전(이상)에서 처리(구현) 되었습니다.

vulcan9 / jikji.editor

페이지 목록의 썸네일에서 일부 이미지가 누락된채로 캡쳐됩니다. #139