2016-09-18 5 views
2

У меня есть модифицированный скрипт разметки по умолчанию для pagingown для вставки URL-адреса изображения в редактор, но он работает только в первый раз.Pagedown markdown script inserts image url once

Я объяснил свой код с комментариями

</script> 
<script type="text/javascript"> 
(function() { 
var converter = new Markdown.Converter(); 
var help = function() { window.open('http://mywebsite.com/editing-help'); } 
var editor = new Markdown.Editor(converter); 
editor.hooks.set('insertImageDialog', function(callback) { 
setTimeout(function() 
{ 
     //i use bootstrap dialog to enter the url 
     $('#fileModal').modal('show'); 

     /*i have a button for clearing the textbox when i open 
     it the second time since when i open it the second 
     time the modal still contains what i had placed previously*/ 
     $("#clear").on("click", function(e) { 
     e.preventDefault(); 
      $("#imgt").val(''); 
      $("#file").val(''); 
     }); 


     //the button that when clicked inserts the image url 
     $("#insert_image_post").on("click", function(e) { 
     e.preventDefault(); 

     //the image file being inserted 
     if($("#imgt").val().length > 0) 
     { 
      var $url = $('input[type=text]'); 
      var image = $("#imgt").val(); 
      callback(image); 
      $("#fileModal").modal('hide'); 

     } 

    }); 


}, 0); 
return true; // tell the editor that we'll take care of getting the image url 
}); 

editor.run(); 

})(); 
</script> 

Любой один с PAGEDOWN уценки Javascript ... идеи, чтобы помочь мне понять, где я буду неправильно?

ответ

0

мне удалось заставить его работать

Св как редактор уценки не плавно запустить .on("click", function(e)... в моем случае. т.е.

$("#insert_image_post").on("click", function(e) { 
e.preventDefault(); 

Так я использовал Их или после прохождения через файл Markdown.Editor.js т.е.

var thebtn = document.getElementById("insert_image_post"); 
thebtn.onclick = function() { 

Полный скорректированный код ниже

<script> 
(function() { 
var converter = new Markdown.Converter(); 
var help = function() { window.open('http://stackoverflow.com/editing-help'); } 
var editor = new Markdown.Editor(converter); 

editor.hooks.set("insertImageDialog", function (callback) { 

     $('#fileModal').modal('show'); 

      var thebtn = document.getElementById("insert_image_post"); 
      thebtn.onclick = function() { 
       var images = $(".img-url").val(); 
       callback(images) 
       $('#fileModal').modal('hide'); 
      }; 

      var theclear = document.getElementById("clear"); 
      theclear.onclick = function() { 

        $("#imgt").val(''); 
        $("#file").val(''); 

      }; 

    return true; // tell the editor that we'll take care of getting the image url 
}); 

editor.run(); 

})(); 

</script>