wmd編輯器是否可以添加一個按鈕讓用戶將圖像上傳到Web服務器並將相應的img markdown放置在文本框中?如果不是,另一個好的就地編輯器會這樣做嗎?上下文:我使用的是asp.net mvc,C#,我是一個真正的JavaScript初學者。用wmd上傳圖片?
1
A
回答
1
對WMD的簡短介紹似乎表明此功能不直接支持,並且該控件不是特別可插入的。
話雖這麼說,沒有什麼阻止你創建一個按鈕/上傳場/不管發送圖像到你的服務器,並注入相應:
<img src="http://your.server.com/path/to/attachments/..." />
進入控制的基礎文本區域。
1
這裏的隨附大規模殺傷性武器的小例子,一個變化:
<!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編輯器看起來更好
0
我寫了一個blog post,解釋了我是如何解決這個問題的。在這篇文章中,我使用了PHP - 如果您很願意將我的PHP邏輯轉換爲ASP.NET,您可能會覺得這很有幫助!
相關問題
- 1. 用上傳的圖片替換圖片
- 2. 圖片上傳
- 3. 上傳圖片
- 4. 上傳圖片
- 5. 圖片上傳
- 6. 上傳圖片
- 7. 上傳圖片
- 8. 圖片上傳
- 9. 圖片上傳?
- 10. 上傳圖片
- 11. 上傳圖片
- 12. 圖片上傳
- 13. 圖片上傳未上傳
- 14. 用php上傳圖片,一些圖片不上傳
- 15. 用php上傳圖片
- 16. 使用LuaSocket上傳圖片
- 17. 使用php上傳圖片
- 18. AngularJS用formdata上傳圖片
- 19. 用PHP上傳圖片
- 20. Android:用json上傳圖片
- 21. 用Uservoice上傳圖片
- 22. 使用ajaxupload上傳圖片
- 23. 上傳圖片用PHP
- 24. 用tinyMce上傳圖片
- 25. 使用AFNetwork上傳圖片
- 26. 上傳圖片使用VichUploaderBundle
- 27. 上傳圖片用delphi
- 28. 使用django圖片上傳
- 29. 用Zend_Service_Nirvanix上傳圖片
- 30. SailsJS用戶上傳圖片