准备工作
百度编辑器官方下载，并将文件放到项目根目录下。
因为vs2008 只到Framework 3.5，所以需要将4.0的东西去掉。
1）下载.net framework 3.5版的 Newtonsoft.Json.dll 替换掉 /net/bin 中的。
2）删除 net 文件下 config.cs 里的 using System.Dynamic，因为3.5版本没有这个。
3）查找替换，用 string.IsNullOrEmpty 替换 String.IsNullOrWhiteSpace。
4）去掉 config.json 里的解释，不然上传图片功能用不了。（下面的可以直接拿去用，里面修改了图片显示的地址，"imageUrlPrefix": "" 原文是这样："imageUrlPrefix": "/ueditor/net/", /* 图片访问路径前缀 */）
{
"imageActionName": "uploadimage",
"imageFieldName": "upfile",
"imageMaxSize": 2048000,
"imageAllowFiles": [".png", ".jpg", ".jpeg", ".gif", ".bmp"],
"imageCompressEnable": true,
"imageCompressBorder": 1600,
"imageInsertAlign": "none",
"imageUrlPrefix": "",
"imagePathFormat": "/UeEditor/upload/image/{yyyy}{mm}{dd}/{time}{rand:6}",
"scrawlActionName": "uploadscrawl",
"scrawlFieldName": "upfile",
"scrawlPathFormat": "upload/image/{yyyy}{mm}{dd}/{time}{rand:6}",
"scrawlMaxSize": 2048000,
"scrawlUrlPrefix": "/ueditor/net/",
"scrawlInsertAlign": "none",
"snapscreenActionName": "uploadimage",
"snapscreenPathFormat": "upload/image/{yyyy}{mm}{dd}/{time}{rand:6}",
"snapscreenUrlPrefix": "/ueditor/net/",
"snapscreenInsertAlign": "none",
"catcherLocalDomain": ["127.0.0.1", "localhost", "img.baidu.com"],
"catcherActionName": "catchimage",
"catcherFieldName": "source",
"catcherPathFormat": "upload/image/{yyyy}{mm}{dd}/{time}{rand:6}",
"catcherUrlPrefix": "/ueditor/net/",
"catcherMaxSize": 2048000,
"catcherAllowFiles": [".png", ".jpg", ".jpeg", ".gif", ".bmp"],
"videoActionName": "uploadvideo",
"videoFieldName": "upfile",
"videoPathFormat": "upload/video/{yyyy}{mm}{dd}/{time}{rand:6}",
"videoUrlPrefix": "/ueditor/net/",
"videoMaxSize": 102400000,
"videoAllowFiles": [
".flv", ".swf", ".mkv", ".avi", ".rm", ".rmvb", ".mpeg", ".mpg",
".ogg", ".ogv", ".mov", ".wmv", ".mp4", ".webm", ".mp3", ".wav", ".mid"],
"fileActionName": "uploadfile",
"fileFieldName": "upfile",
"filePathFormat": "upload/file/{yyyy}{mm}{dd}/{time}{rand:6}",
"fileUrlPrefix": "/ueditor/net/",
"fileMaxSize": 51200000,
"fileAllowFiles": [
".png", ".jpg", ".jpeg", ".gif", ".bmp",
".flv", ".swf", ".mkv", ".avi", ".rm", ".rmvb", ".mpeg", ".mpg",
".ogg", ".ogv", ".mov", ".wmv", ".mp4", ".webm", ".mp3", ".wav", ".mid",
".rar", ".zip", ".tar", ".gz", ".7z", ".bz2", ".cab", ".iso",
".doc", ".docx", ".xls", ".xlsx", ".ppt", ".pptx", ".pdf", ".txt", ".md", ".xml"
],
"imageManagerActionName": "listimage",
"imageManagerListPath": "upload/image",
"imageManagerListSize": 20,
"imageManagerUrlPrefix": "/ueditor/net/",
"imageManagerInsertAlign": "none",
"imageManagerAllowFiles": [".png", ".jpg", ".jpeg", ".gif", ".bmp"],
"fileManagerActionName": "listfile",
"fileManagerListPath": "upload/file",
"fileManagerUrlPrefix": "/ueditor/net/",
"fileManagerListSize": 20,
"fileManagerAllowFiles": [
".png", ".jpg", ".jpeg", ".gif", ".bmp",
".flv", ".swf", ".mkv", ".avi", ".rm", ".rmvb", ".mpeg", ".mpg",
".ogg", ".ogv", ".mov", ".wmv", ".mp4", ".webm", ".mp3", ".wav", ".mid",
".rar", ".zip", ".tar", ".gz", ".7z", ".bz2", ".cab", ".iso",
".doc", ".docx", ".xls", ".xlsx", ".ppt", ".pptx", ".pdf", ".txt", ".md", ".xml"
]
}
去掉注释后的config.json
关于调用
<script src="../../UeEditor/ueditor.config.js" type="text/javascript"></script> <script src="../../UeEditor/ueditor.all.min.js" type="text/javascript"></script> <script id="editor" type="text/plain" style="width: 1024px; height: 500px;"></script> <script type="text/javascript">
var ue = UE.getEditor('editor');//初始化后才能看到百度编辑器
function getData() {
return UE.getEditor('editor').getContent();//获取内容
}
ue.ready(function() {
//异步回调
UE.getEditor('editor').execCommand('insertHtml', "123456");//设置内容，用于修改功能
});
</script>
Ps：Js 的引用顺序不能变，否则会报错。下载的 demo 中有详细用法。
关于上传图片（重点）
此时上传图片是不好使的，按F12，会看到报错的信息，错误的原因是因为没有找到 net 文件夹中的 controller.ashx 这个文件。
controller.ashx 里面写了加载 config.json，加载到了，上传图片的功能也就好使了。
解决步骤：
1、修改 ueditor.config.js 文件，将, serverUrl: URL + "net/controller.ashx" 改成 , serverUrl: "/UeEditor/controller.ashx" ，改成相对路径。（此处可不改，但是需要删除 net 文件夹下的 web.config ，显示图片的路径也会有些问题。）
2、准备工作中的第4条，已经处理了显示图片的路径问题。（去掉注释，清空路径）
3、将 net 文件夹下的 config.json 与 controller.ashx 移动到 UeEditor 下。
效果：
Ps：关于图片的保存路径，可以在 \net\App_Code 中 UploadHandler.cs 的 Process 方法中修改。