c# - “WMD”Web Markdown 以及如何实现图像上传功能

Question

我正在开发一个使用 MarkDown 和 WMD javascript 工具的网站，这些工具目前可以满足已经托管的图像的需求，但我希望能够根据 Stack Overflow 在 WMD 中提供图像上传功能，但是不要不知道该怎么做。

有人知道如何实现吗？我的网站正在开发中，使用 ASP.NET MVC，我对上传图像等的服务器端很好，但它是如何将它连接到我的 javascript WMD 编辑器(可能还有它的 AJAX 元素)坚持下去。

Answer 1

我们最近发布了 WMD 的重构版本；你可以在 http://code.google.com/p/pagedown/ 找到它.

关于 Stack Overflow 的所有非标准用法现在都通过插件 Hook 发生，这包括我们的文件 uploader 。所以你可以只使用相同的钩子(Hook)来实现它。看看 documentation ; “ Hook ”部分归结为:

editor.hooks.set("insertImageDialog", function (callback) {
    var dia = createMyDialog();
    dia.find(".ok-button").click(function () {
        var url = getChosenImageUrl();
        removeMyDialog();
        callback(url);
    });
    dia.find(".cancel-button").click(function () {
        removeMyDialog();
        callback(null);
    });
    return true; // tell the editor not to show the standard dialog
});

至于实际的上传，我们目前使用一个非常丑陋的解决方案，它的工作原理是这样的:

• 实际的文件上传表单将其 target 属性设置为隐藏的 iframe，因此提交表单不会将您转到其他页面。
• 在全局对象上定义了一个函数，用于删除对话框并调用回调。这是丑陋的部分；这种方法一点也不干净，但效果很好。
• 上传 Controller 操作返回一个最小的 HTML 文档，其中包含一段调用此函数的 JavaScript 代码(通过 window.parent，因为我们必须脱离 iframe——请注意，这需要上传 URL 以与页面具有相同的来源!)和新创建的图像的地址。

如果您要以类似的方式实现它，请查看 at this post on Meta Stack Overflow关于可能出现的严重 Chrome 错误及其解决方法。