Возможно ли с помощью редактора wmd добавить кнопку, чтобы пользователь мог загрузить изображение на веб-сервер и поместить соответствующее соответствующее изображение в текстовое поле? Если нет, будет ли другой хороший редактор заметок? Контекст: Я использую 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, вы можете найти ее полезной!