iFrame에서 HTML, CSS 및 JAVASCRIPT를 삽입하십시오.

Question

Tinkerbin 또는 JSfiddle과 비슷한 것을 만들려고합니다. 개인 프로젝트 용입니다.

여기에 내가 지금 가지고있는 작업은 다음과 같습니다

http://mediodesign.ca/cms-test/

모두의 작업, 자바 스크립트 탭을 제외하고. 나는 Nettuts (http://net.tutsplus.com/tutorials/html-css-techniques/how-to-inject-custom-html-and-css)에서 "iframe에 맞춤 HTML 및 CSS를 삽입하는 방법"지침서를 따랐습니다. -into-an-iframe /).

(function() { 
$('.grid').height($(window).height());  

var contents = $('iframe').contents(), 
    body = contents.find('body'), 
    styleTag = $('<style></style>').appendTo(contents.find('head')), 
    jsTag = $('<script><\/script>').appendTo(contents.find('head')); 

$('textarea').keyup(function() { 
    var $this = $(this); 
    if ($this.attr('id') === 'html') 
    { 
    body.html($this.val()); 
    } 
    else 
    { 
    styleTag.text($this.val()), 
    jsTag.text($this.val()); 
    } 

}); }) (); 

내가 jsTag = $('<script><\/script>').appendTo(contents.find('head')); 라인과 jsTag.text($this.val());을 추가 :

여기 내 수정 된 자바 스크립트 코드입니다.

나는 그것이 jsTag = $('<script><\/script>') 부분과 관련이 있다고 확신합니다. <style></style>이 (가) 작동하지만 <script></script>이 작동하지 않는 이유는 무엇입니까?

문제를 해결하는 데 도움을주세요. 지난 2 시간 동안이 문제를 해결했습니다.

다시 한번 감사

최근 질문

• 1.
• 2.
• 3.
• 4.
• 5.
• 6.
• 7.
• 8.
• 9.
• 10.

 관련 문제

• 1.
• 2.
• 3.
• 4.
• 5.
• 6.
• 7.
• 8.
• 9.
• 10.