2008-12-17 4 views
1

Возможно ли с помощью редактора wmd добавить кнопку, чтобы пользователь мог загрузить изображение на веб-сервер и поместить соответствующее соответствующее изображение в текстовое поле? Если нет, будет ли другой хороший редактор заметок? Контекст: Я использую asp.net mvc, C#, и я являюсь настоящим новичком с javascript.Загрузить изображение с помощью wmd?

ответ

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, вы можете найти ее полезной!

Смежные вопросы