2013-03-07 3 views
0

내 웹 페이지 섹션에 HTML 소스 코드 (<body>, <head>, 모두 HTML 코드가있을 수 있음)가 표시되며 사용자가 코드를 추출 할 수 있습니다. 그 코드는 텍스트 파일에 iframe에 저장되어 있습니다. 문제 : Iframe은 IE8과 같은 브라우저에서는 작동하지 않습니다. Chrome과 같은 최신 브라우저에서는 iframe 내에 <pre>을 삽입하기 때문에 IE8은 그렇지 않습니다.내 웹 사이트에 수정하지 않고 HTML 소스 코드를 삽입하려면 어떻게해야합니까?

브라우저에 코드를 삽입하지 않고 문서에 코드를 삽입하는 방법이 필요합니다. 예, 코드가 텍스트 파일 (.txt)에 있어야 할 필요는 없습니다. <textarea> 내에 코드를 설정 한 사람을 보았습니다. 아이디어는 소스 코드가 수정되어서는 안되며 일부 PHP 솔루션을 읽었지만 PHP는 수정할 수 없다는 것입니다. <pre><code>으로 시도했지만 작동하지 않습니다. 브라우저가 어쨌든 소스 코드를 실행합니다. 아마도 해당 태그의 올바른 사용법을 이해하지 못했을 것입니다.

가끔 <과 같은 특수 문자를 바꿔야한다고 읽었습니다. 문제가 될 수 있습니까? 표시 될 때 최종 결과에 영향을 미치지 않을 변환기가 있습니까? 감사합니다. 나는 내가 좋은 것을 설명하는지 모르겠다. 나는 어떤 제안이든 열려있다. (이상하게 들리면 유감스럽고, 영어는 모국어가 아니다.)

+0

가능한 중복 (http://stackoverflow.com/questions/1565822/insert-html-into-iframe) – Mogsdad

답변

1

jQuery를 사용하면 AJAX를 사용하여 소스 코드로 파일을 가져올 수있다. 그런 다음 jQuery 객체에 .text(var_with_the_code)을 사용하여 HTML 소스 코드를 "실행"하지 않고 표시 할 수 있습니다. [iframe을 삽입 HTML]의 http://jsfiddle.net/gberger/T3JDJ/

+0

의미가 있습니다 : 여기

는 jsFiddle에서 제한된 데모입니다 감사합니다! 그러나 나는 tumblr을위한 것이라고 언급하지 않았고 다음 코드 ( 태그 앞에)를 넣었습니다 : 그리고 그게 효과가 없었어요. [여기] (http://fruitzo.tumblr.com/sdf)에서 볼 수 있습니다. – Yavierre

+1

"XMLHttpRequest는 http://static.tumblr.com/36bnqm6/NAFmjb014/chirimoya_beta.txt를로드 할 수 없습니다. 출처 http://fruitzo.tumblr.com은 Access-Control-Allow-Origin에서 허용하지 않습니다." 이 질문을 참조하십시오 : http://stackoverflow.com/questions/12124538/ajax-access-control-origin-error – gberger

+0

좋아, PHP를 수정하려고합니다 (때문에 tumblr 수 없습니다) 또는 업로드하려고 같은 근원에있는 파일 (fruitzo.tumblr.com/......) 도움을 주셔서 감사합니다. – Yavierre