mooWMD가 정의되지 않았습니까?

먼저 코드가 있습니다!mooWMD가 정의되지 않았습니까?

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
    <link href="content/wmd.css" rel="stylesheet" type="text/css" /> 
    <title>some title </title> 
</head> 
<body> 
    <div class="main"> 
     <form> 
      <h2>Only teaxt area</h2> 
      <div id="wmd-editor-uno" class="wmd-panel"> 
       <div id="wmd-button-bar-uno" class='wmd-button-bar'></div> 
       <textarea name='id-uno' id='id-uno'></textarea> 
      </div> 
     </form> 
    </div> 
    <script type='text/javascript' src="Scripts/mootools-yui-compressed.js"></script> 
    <script type='text/javascript' src="Scripts/moowmd.js"></script> 
    <script type="text/javascript"> 
     var MyConfig = [ 
     { 
      input: 'id-uno', 
      postfix: '-uno' 
     }]; 
     window.addEvent('domready', function() { 
      window.MyMooWMD = new mooWMD.WMD(window.MyConfig); 
      window.MyMooWMD.start(); 
     }); 
    </script> 
</body> 
</html>

Bam!

제 문제는 예제와 같이 작동하지 않습니다. mooWMD tutorial wmd.css 스타일이 적용된 빈 텍스트 영역이 있습니다. 나는 내가 뭘 잘못하고 있는지 파악할 수 없다. 모든 파일 위치는 정확하지만 'mooWMD'는 정의되지 않습니다. 나는 손실에 모든 제안은 감사하고 있습니다.

출처

2009-08-20 Aaron

올바른 src 경로가 있는지 확인하십시오. – helloandre

@Aaron : mooWMD 튜토리얼을 확인하고 데모 페이지 링크를 열었습니다. 그들의 예제는 똑같은 오류를 제공합니다 (IE 8 사용). 다른 브라우저를 사용해 보셨습니까? –

데모 페이지는 모든 브라우저에서 작동하지만 해당 페이지를 다운로드하여 설명한 오류가 발생했습니다. moowmd.js의 모든 자바 스크립트를 텍스트 영역과 동일한 페이지에 복사하여 붙여 넣기도하고 같은 영역을 얻었습니다. 나는 100 % 확신하지 못한다. – Aaron

(나중에 세대) 문제는 IE는 다음과 같은 구문을 허용하지 않는 것입니다. 나는

{ 
    'att1': 'value', 
    'att2': 'value' 
}

로 변경 그리고 지금은 괜찮습니다. (메일 링리스트를 사용하면 이전에주의를 끌었을 것입니다)

출처

2009-09-16 17:15:30

동일한 문제는 ff에서 작동하지만 IE에서는 작동하지 않습니다. – Aaron

최신 버전을 다운로드하여이 변경 사항을 적용했는데 제대로 작동합니다. 너 락! 이렇게하면 Stackoverflow의 브랜치를 페이지의 여러 인스턴스와 함께 작동시키려는 많은 시간을 절약 할 수 있습니다. – Aaron

로컬 javascript 태그의 코드는 태그가 처리되는 즉시 실행됩니다. 이것은 moowmd.js가 로딩을 완료하기 전에 발생할 수 있습니다.

랩 함수의 코드 :

<script type="text/javascript"> 
    function loaded() { 
     var MyConfig = [ 
     { 
      input: 'id-uno', 
      postfix: '-uno' 
     }]; 
     window.addEvent('domready', function() { 
      window.MyMooWMD = new mooWMD.WMD(window.MyConfig); 
      window.MyMooWMD.start(); 
     });} 
</script>

그런 다음 당신의 body 태그에 onLoad 핸들러를 추가

이

<body onload="loaded();">

는 온로드 핸들러는 모든 자바 스크립트 때까지 발생하지 않습니다, 이미지, CSS, 등로드했습니다.

출처

2009-08-20 21:21:41

나는 이것에 대한 희망이 많았지 만 ... – Aaron

<head> 
     <title>some title </title> 
     <link rel="stylesheet" type="text/css" href="Content/wmd.css" /> 
     <script type="text/javascript" src="Scripts/showdown.js"></script> 
    </head> 
    <body> 
     <div class="main"> 
      <div id="wmd-editor" class="wmd-panel"> 
       <div id="wmd-button-bar"> 
       </div> 
       <textarea id="wmd-input"></textarea> 
      </div> 
      <div id="wmd-preview" class="wmd-panel"> 
      </div> 
      <div id="wmd-output" class="wmd-panel"> 
      </div> 
     </div> 
     <script type="text/javascript" src="Scripts/wmd.js"></script> 
    </body>

문제의 근원은 moowmd 편집기가 IE에서 계속 작동하지 않는 것으로 끝났습니다. 내가 moowmd와 함께 지루해하는 이유는 그가 여러 편집자를 설치하는 방법을 좋아했기 때문입니다. 나는 지금까지 잘 작동하고있는 wmd의 stackoverflow's branch으로 전환했다. 다른 브라우저가 할

{ 
    att1: 'value', 
    att2: 'value' 
}

출처

2009-08-21 18:48:44 Aaron

다시 한번 시도해보십시오. IE 버그 수정 된 부분을 찾을 수 있습니다. –

답변

관련 문제