2013-09-26 2 views
2

매우 특이합니다. 내 HTML 문자열에는 2 개의 이미지가 있습니다 - 2 개의 개별 이미지 태그. 원이 그 뒤를 잇는 삼각형. 이미지 데이터는 64 비트 인코딩 데이터입니다. 이미지의 HTML 소스는 다음과 같습니다 :CKEditor에서 이미지 데이터를 표시하지 않습니다.

<p> 
<img alt="dac84c31850f292e0bb60901680b27b7.png" src="data:image/png; base64, encoded-image-data here></p> 

나는 이미지의 어느 하나에 대한 HTML 소스를 붙여 넣을 경우, CKEDitor 표시가 제대로입니다. 두 이미지로 html로 붙여 넣으면 원만 표시됩니다. 삼각형은 어디로 갔습니까? 덮어 씌웠습니까? html을 CKEditor에 업로드하기 전에 Javascript로 설정해야하는 것이 있습니까? 현재 내가하는 일은 다음과 같습니다.

CKEDITOR.instances['myinstance'].setData(data['question']); 

여기서 data [ 'question']에는 html 소스가 포함되어 있습니다.

이 포럼을 읽으면서 CKEditor의 이미지 디스플레이 문제가 많은 것처럼 보입니다.하지만이 문제는 저를 곤혹스럽게합니다.

누군가 나를 올바른 방향으로 안내 할 수 있습니까? 감사!

Mmiz

+0

표시 할 수있는 예가 있습니까? 또는 실제 이미지 데이터의 pastebin (또는 유사)을 사용하여 설치를 테스트 할 수 있습니까? 흥미로운 상황. – Nenotlep

+0

이미지 데이터를 붙여 넣기를 원했지만이 편집기가 마음에 들지 않는다고 생각합니다. 내가 게시 할 수있는 다른 곳이 있습니까? 그것은 그렇게 크지 않습니다. – user1072910

+0

어쩌면 http://pastebin.com/? – Nenotlep

답변

0

귀하의 데이터는 내가 그이 재미있는 방법으로 CKEditor을 깨는 것 같아요, 약간의 손상되었습니다. 이미지 데이터를 자세히보십시오. 이미지 태그의 끝은 다음과 같습니다.

...AAElFTkSuQmCC" 21px; height: 24px;"> 

올바른 태그가 아니며 스타일 속성이 손상되었습니다. 두 이미지 모두 이와 같이 해보십시오.

+0

Err 내 높이와 너비 값이 약간 잘못되었지만 아이디어를 얻었습니다. – Nenotlep

+0

http://pastebin.com/edV6ByKm 다른 사람들이 길에 흥미가 있다면 원본의 pastebin입니다. 그리고 http://pastebin.com/uKs7Wwmn 여기 내 제안 된 솔루션입니다. – Nenotlep

+1

오 감사합니다. 실제로, 작동합니다! 그냥 보여 주기만하면, 디버깅을 할 때 - 알았어 야 할 때가 더 좋습니다. 다시 감사합니다! 감사합니다. – user1072910

관련 문제