最近发现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等来配置,额 ,嗯~~微笑脸。