首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >是否使用wmd上传图像?

是否使用wmd上传图像?
EN

Stack Overflow用户
提问于 2008-12-17 17:39:11
回答 3查看 676关注 0票数 1

是否可以使用wmd编辑器添加一个按钮,让用户将图像上传到web服务器,并将相应的img标记放在文本框中?如果没有,另一个优秀的本地编辑器会这样做吗?上下文:我使用的是javascript mvc,C#,我是一个真正的asp.net初学者。

EN

回答 3

Stack Overflow用户

发布于 2008-12-17 18:00:46

WMD的简单阅读似乎表明,不直接支持该功能,并且该控件不是特别可插拔的。

也就是说,没有什么可以阻止您创建一个按钮/上传域/任何东西,它将图像发送到您的服务器并注入适当的:

代码语言:javascript
复制
<img src="http://your.server.com/path/to/attachments/..." />

添加到控件的底层文本区。

票数 1
EN

Stack Overflow用户

发布于 2009-02-01 20:14:00

以下是WMD附带的最小示例的一个变体:

代码语言:javascript
复制
    <!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编辑器看起来更好

票数 1
EN

Stack Overflow用户

发布于 2012-09-18 15:07:14

我写了一个blog post来解释我是如何解决这个问题的。在这篇文章中,我使用了PHP -如果你愿意将我的PHP逻辑转换成ASP.NET,你会发现它很有帮助!

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/375368

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档