editor.md使用asp上传文件

最新推荐文章于 2024-07-26 17:49:42 发布

kitt15

最新推荐文章于 2024-07-26 17:49:42 发布

阅读量711

点赞数

分类专栏：前端 aspcms 文章标签： asp

本文链接：https://blog.youkuaiyun.com/qq_29729735/article/details/79228614

版权

前端同时被 2 个专栏收录

31 篇文章

订阅专栏

aspcms

4 篇文章

订阅专栏

本文介绍如何在ASP环境中实现editor.md富文本编辑器的图片上传功能，包括修改上传代码和初始化属性设置。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

最近发现ueditor的代码样式控制得不够好，所以尝试了一下editor.md这个富文本编辑器，由于本系统使用的语言是asp，官方并未提供相关语言的图片上传代码，所以需要自己动手丰衣足食。
由于本人对asp并不熟悉，而公司使用的系统是asp，所以本次使用的是经过魔改的ueditor asp版本上传图片代码，望见谅。
1、将ueditor里边的asp文件夹复制到editor.md的examples文件夹下。
将action_upload.asp文件修改成如下：

<!--#include file="ASPJson.class.asp"-->
<!--#include file="Uploader.class.asp"-->
<%
    uploadTemplateName = 2048000
    Set up = new Uploader  'ueditor的文件上传类
    up.MaxSize = 2048000
    up.FileField = "editormd-image-file" '文件上传的name，可从浏览器的控制台的network里看到
    up.UpPath = "/upLoad/" '文件存储的路径
    up.PathFormat = "image/{yyyy}{mm}{dd}/{time}{rand:6}"
    up.UploadForm()  
    Set json = new ASPJson
    '封装json
    With json.data
        .Add "url", up.FilePath
        .Add "success", 1
        .Add "message", up.State
        .Add "title", up.OriginalFileName
    End With
    json.PrintJson()
%>

2、打开examples/image-upload.html文件，修改初始化属性如下：

$(function() {                
                var testEditor = editormd("test-editormd", {
                    width: "90%",
                    height: 640,
                    markdown : "",
                    path : '../lib/',
                    imageUpload : true,
                    imageFormats : ["jpg", "jpeg", "gif", "png", "bmp", "webp"],
                    imageUploadURL : "./asp/action_upload.asp",
                });
            });

然后就成功实现了你想要的功能了。
值得注意的是，由于本人使用的jq版本可能比较旧，所以一开始不能上传成功，因为我的版本不能识别到$(‘[data-link]’)这样的选择器，最好就使用editor.md自带的jq，这样就不用走那么多弯路了。
最后可能你觉得这样并不完美，因为上传文件的初始化参数不能通过config.asp等来配置，额，嗯~~微笑脸。