'WMD'웹 마크 다운 및 이미지 업로드 기능 구현 방법

Question

MarkDown 및 WMD 자바 스크립트 도구를 사용하여 현재 호스팅 된 이미지를 제공하는 사이트를 개발하고 있습니다.하지만 이미 제공되는 이미지를 제공하고 싶습니다. 스택 오버플로 (Stack Overflow)에 따라 WMD 내의 이미지 업로드 기능을 사용하지만이 문제를 해결하는 방법을 모릅니다.

누구에게 어떻게 구현할 수 있는지 알고 있나요? 내 사이트는 ASP.NET MVC를 사용하여 개발 중이며, 이미지 등을 업로드하는 서버 쪽에서는 괜찮습니다.하지만 이것을 자바 스크립트 WMD 편집기 (및 잠재적으로 AJAX 요소)에 연결하는 방법입니다. 붙어있어.

Answer 1

최근 리팩토링 한 WMD 버전을 출시했습니다. http://code.google.com/p/pagedown/에서 찾을 수 있습니다.

스택 오버플로의 사용에 대해 비표준적인 모든 것은 이제 플러그인 후크를 통해 발생합니다. 여기에는 파일 업 로더가 포함됩니다. 그래서 이것을 구현하기 위해 동일한 고리를 사용할 수 있습니다. documentation을 살펴보십시오. 은 "접선"부분이 아래로 비등 :

이

• 실제 파일 업로드 양식이 target 있습니다
  는

  editor.hooks.set("insertImageDialog", function (callback) { 
      var dia = createMyDialog(); 
      dia.find(".ok-button").click(function() { 
       var url = getChosenImageUrl(); 
       removeMyDialog(); 
       callback(url); 
      }); 
      dia.find(".cancel-button").click(function() { 
       removeMyDialog(); 
       callback(null); 
      }); 
      return true; // tell the editor not to show the standard dialog 
  }); 
  

  실제 업로드에 관해서는, 우리는 현재 다음과 같이 작동 꽤 추한 솔루션을 사용 속성이 숨겨진 iframe으로 설정되어 있으므로 양식을 제출해도 다른 페이지로 보내지는 않습니다.

• 대화 상자를 제거하고 콜백을 호출하는 전역 개체에 정의 된 함수가 있습니다. 이것은 추악한 부분입니다. 이 방법은 깨끗하지만 아무것도 작동하지 않습니다.
• 업로드 컨트롤러 동작은 window.parent을 통해이 함수를 호출하는 JavaScript 코드가 포함 된 최소한의 HTML 문서를 반환합니다. 즉, –의 iframe에서 벗어나야하므로 업로드 URL이 페이지!)에 새로 작성된 이미지의 주소를 입력하십시오.

비슷한 방식으로 구현하려는 경우 불쾌한 Chrome 버그와 그 문제를 해결하려면 at this post on Meta Stack Overflow을보세요.