用wmd上傳圖片？

wmd編輯器是否可以添加一個按鈕讓用戶將圖像上傳到Web服務器並將相應的img markdown放置在文本框中？如果不是，另一個好的就地編輯器會這樣做嗎？上下文：我使用的是asp.net mvc，C＃，我是一個真正的JavaScript初學者。用wmd上傳圖片？

來源

2008-12-17 Nicolas Cadilhac

對WMD的簡短介紹似乎表明此功能不直接支持，並且該控件不是特別可插入的。

話雖這麼說，沒有什麼阻止你創建一個按鈕/上傳場/不管發送圖像到你的服務器，並注入相應：

<img src="http://your.server.com/path/to/attachments/..." />

進入控制的基礎文本區域。

來源

2008-12-17 18:00:45

這裏的隨附大規模殺傷性武器的小例子，一個變化：

<!DOCTYPE html> 
<html> 
    <head> 
    <title>WMD minimal example</title> 
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.1/jquery.min.js"></script> 
    <script type="text/javascript"> 
    $.fn.insertAtCaret = function (myValue) { 
      return this.each(function(){ 
        //IE support 
        if (document.selection) { 
          this.focus(); 
          sel = document.selection.createRange(); 
          sel.text = myValue; 
          this.focus(); 
        } 
        //MOZILLA/NETSCAPE support 
        else if (this.selectionStart || this.selectionStart == '0') { 
          var startPos = this.selectionStart; 
          var endPos = this.selectionEnd; 
          var scrollTop = this.scrollTop; 
          this.value = this.value.substring(0, startPos) 
              + myValue 
            + this.value.substring(endPos, 
    this.value.length); 
          this.focus(); 
          this.selectionStart = startPos + myValue.length; 
          this.selectionEnd = startPos + myValue.length; 
          this.scrollTop = scrollTop; 
        } else { 
          this.value += myValue; 
          this.focus(); 
        } 
      }); 

    }; 

    int i = 50; 

    function Add() 
    { 
     $("#myTextarea").insertAtCaret("![alt text][" +(i++)+"]"); 
     // You'll need to add the link too, at the bottom 
    } 
    </script> 
    </head> 
    <body> 

    <form> 
    <a href="javascript:Add()">test</a> 
     <textarea id="myTextarea" style="width: 500px; height: 200px;">*This* is a minimal example.</textarea> 
    </form> 
    <div class="wmd-preview"></div> 

    <script type="text/javascript" src="wmd/wmd.js"></script> 
    </body> 
</html>

但是，這僅僅是開始，因爲你可能會說。 This markdown編輯器看起來更好

來源

2009-02-01 20:13:59

我寫了一個blog post，解釋了我是如何解決這個問題的。在這篇文章中，我使用了PHP - 如果您很願意將我的PHP邏輯轉換爲ASP.NET，您可能會覺得這很有幫助！

來源

2012-09-18 07:07:14

用wmd上傳圖片？

回答

相關問題