Загрузить изображение с помощью wmd? - PullRequest
Новая
       17

Загрузить изображение с помощью wmd?

1 голос
/ 17 декабря 2008

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

Ответы [ 3 ]

1 голос
/ 01 февраля 2009

Вот вариант минимального примера, который поставляется с ОМУ: 

    <!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>

Но это только начало, как вы, вероятно, можете сказать. Эта уценка редактор выглядит лучше

1 голос
/ 17 декабря 2008

Краткое прочтение WMD , по-видимому, указывает на то, что эта функция не поддерживается напрямую и что элемент управления не является особо подключаемым.

Как говорится, ничто не мешает вам создать кнопку / поле загрузки / что угодно, что отправляет изображение на ваши серверы и добавляет соответствующее: 

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

В текстовую область элемента управления.

0 голосов
/ 18 сентября 2012

Я написал сообщение в блоге , в котором объясняется, как я решил эту проблему. В этой статье я использую PHP - если вам удобно конвертировать мою логику PHP в ASP.NET, вы можете найти ее полезной!

...