vs2008 使用百度编辑器

准备工做

百度编辑器官方下载，并将文件放到项目根目录下。

由于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，加载到了，上传图片的功能也就好使了。

解决步骤：

一、修改 ueditor.config.js 文件，将, serverUrl: URL + "net/controller.ashx" 改为 , serverUrl: "/UeEditor/controller.ashx" ，改为相对路径。（此处可不改，可是须要删除 net 文件夹下的 web.config ，显示图片的路径也会有些问题。）

二、准备工做中的第4条，已经处理了显示图片的路径问题。（去掉注释，清空路径）

三、将 net 文件夹下的 config.json 与 controller.ashx 移动到 UeEditor 下。

效果：

 Ps：关于图片的保存路径，能够在 \net\App_Code 中 UploadHandler.cs 的 Process 方法中修改。