PageDownのマークダウンエディタに画像アップロードを実装する方法は？

Question

PageDownマークダウンエディタに画像アップロードを実装するために、エディタに関するいくつかのコードを修正しました。

Markdown.Editor.js

するvar defaultsStrings = {imagedialog： "<入力されたID = 'イメージ' タイプ= 'ファイル' />"}

選択画像OKボタンをクリックしてajaxリクエストを送信します。イメージパスを返すことができます。

var okButton = doc.createElement("input"); 
     okButton.type = "button"; 
     okButton.onclick = function() { 
      var data = new FormData(); 
      data.append('file', $('#image')[0].files[0]); 
      $.ajax({ 
       url: 'uploadFile', 
       data: data, 
       processData: false, 
       contentType: false, 
       type: 'POST', 
       success: function (data) { 
        alert(path); 
       } 
      }); 
      return close(false);}; 

エディタプレビューエリアでイメージをプレビューするにはどうすればよいですか？

Answer 1

このarticleは

editor.hooks.set("insertImageDialog", function (callback) { 
var $input = $('<input type="file" name="File" id="file_0" class = "fileUpload"/>'); 
var $okButton = $('<a class="okButton">'+uploadOK()+'</a>'); 
$okButton.click(function(){ 
     var data = new FormData(); 
     var file = $input[0].files[0]; 
     if (file === undefined || null === file) { 
      // alert("error message); 
     } else { 
     data.append('file', file); 
     $.ajax({ 
      url: 'uploadFile', 
      data: data, 
      dataType : 'json', 
      processData: false, 
      contentType: false, 
      type: 'POST', 
      success: function (data) { 
        callback(data.dataObject.url); 
      }, 
      error : function(data){ 
        // error 
      } 
     });  
     } 
    });)