Возможно ли с помощью редактора 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, вы можете найти ее полезной!
Смежные вопросы
- 1. Загрузить изображение в изображение с помощью picasso
- 2. Загрузить изображение с помощью Javascript
- 3. Загрузить изображение с помощью AngularJs
- 4. Загрузить изображение с помощью ajaxupload
- 5. Загрузить изображение с помощью Javascript?
- 6. Загрузить изображение с помощью jquery
- 7. Загрузить изображение с помощью blackberry
- 8. Загрузить изображение с помощью onClickListener
- 9. Загрузить изображение с помощью Django
- 10. Редактор WMD - как создать гиперссылку на изображение?
- 11. Проблема с редактором WMD
- 12. Загрузить изображение с камеры с помощью AFNetworking
- 13. Загрузить изображение в задачу с помощью API
- 14. Загрузить изображение с помощью json store
- 15. Как загрузить изображение с помощью Javascript
- 16. Загрузить изображение, выбранное с помощью UIImagePickerController
- 17. Как загрузить изображение с помощью токена доступа?
- 18. Загрузить изображение с помощью ajax (json)
- 19. Загрузить изображение через Firefox с помощью Javascript?
- 20. Загрузить изображение без формы с помощью javascript?
- 21. Загрузить изображение из Интернета с помощью AsyncTask
- 22. Как загрузить изображение с помощью Ruby?
- 23. Можно ли загрузить изображение с помощью Ajax
- 24. Как загрузить изображение TIFF с помощью fabric.js?
- 25. Загрузить изображение MySQL с помощью JSP, сервлет
- 26. Как загрузить изображение с помощью Vaadin
- 27. Не удалось загрузить изображение с помощью компаса
- 28. Не удается загрузить изображение с помощью carrierwave
- 29. Shopify API - Загрузить изображение с помощью PHP
- 30. Как загрузить изображение с помощью Selenium?