原创：百度ueditor开源程序的配置方法(VS 2010 asp) 与初学者共享

百度ueditor开源程序的配置方法(VS 2010 asp)

                                                                                                                                       JickeyLi

          因为一小点点的工作需要，临时做了一个小网站，但是对java,  asp.net   css  html等不懂，只有一定的C#基础。花了3天做了一个网站，在发布文章时

用到ueditor。当是只是直觉能行，研究了2天，把心德与初学者共享。原来网上的资料都太散，本次都是初学硬货。祝新学的朋友早有所悟。不多说了，硬货与大家共享，敬请批评指正。

如果谁能想到 ueditor直接粘Word的方法，麻烦告诉我，先谢了。

1.到ueditor官方网站下载ueditor程序

（http://ueditor.baidu.com/website）.

 

2.将源程序解压后，将文件夹“ueditor”拷备到VS网站程序根目录。

   注意，本条是后面所有路径配置的前提。

 

3.文件配置

（1）在程序中添加引用Newtonsoft.Json.dll，选择ueditor下bin文件夹下的Newtonsoft.Json.dll文件。

             

（2）将\ueditor\net\App_Code 下的类全部考到自己程序下的App_Code文件夹下，因为调用ueditor时的函数都封装在这些类中。

 

（3）图片上传目录配置（其他略）打开config.json文件，更改图片存储位置

注意：Website1为当前网站名称（本地测试时的文件夹名称）。

  进行服务器端测试时，按如下地址配置。对于初学者来说，每走一小步都是那么艰难。

  "imageUrlPrefix":"http://你的IP或网址:80/ueditor/net/",/* 图片访问路径前缀 */

   "imagePathFormat":"upload/image/{yyyy}{mm}{dd}/{time}{rand:6}", /* 上传保存路径,可以自定义保存路径和文件名格式 */

（4）ueditor.config.js配置（发布网络版时）找到相应位置

 //为编辑器实例添加一个路径，这个不能被注释

        UEDITOR_HOME_URL: "http://你的IP或网址/ueditor/"   //加入可显示框

       // 服务器统一请求接口路径

       , serverUrl: URL + "net/controller.ashx"

 

ueditor.config.js配置（本地开发时）

//为编辑器实例添加一个路径，这个不能被注释

        UEDITOR_HOME_URL: “/ueditor/"   //加入可显示框

       // 服务器统一请求接口路径

       , serverUrl: URL + "net/controller.ashx"

 

 

（5）合并网站配置文件

    将ueditor下 web.config 的如下内容，与自己web网站的web.config合并。

<system.web>

    <compilationdebug="true"targetFramework="4.0" />

    <httpRuntimerequestValidationMode="2.0"maxRequestLength="102400" />

    <pagesvalidateRequest="false"controlRenderingCompatibilityVersion="3.5"clientIDMode="AutoID"></pages>

    <globalizationfileEncoding="utf-8"requestEncoding="utf-8"responseEncoding="utf-8"culture="zh-CN" />

  </system.web>

 

 

4.新建一个网页，并调用它（例  A.aspx）

 

（1）使用ueditor前，进行相关的引用

在<bodystyle="width: 1229px">

    <formid="form1"runat="server">

之后加入如下四行代码，注意第四行为模板，您可以不加测试一下，看看效果。

路径有的ueditor/ueditor.config.js就行，有的要在前加../请根据自己情况选择。

 

  注意：ueditor/网站根目录下的的文件夹，根据你的情况设定。注意前面的两个小点点

 

    <scriptsrc="../ueditor/ueditor.config.js"type="text/javascript"></script>

    <scriptsrc="../ueditor/ueditor.all.js"type="text/javascript"></script>

    <scriptsrc="../ueditor/lang/zh-cn/zh-cn.js"type="text/javascript"></script>

    <linkhref="../ueditor/themes/default/css/ueditor.css"rel="stylesheet"type="text/css"/>

 

（2）找一个你喜欢的地方放置ueditor （注意，相当于网页类内一个的ueditor实例的ID

ID= editor。

 

   <divid="Addueditor">

  <scriptid="editor"type="text/plain" name="desc" style="width:1000px;height:400px;"></script>  </div> 

 

（3）然后在最后一个body前创建它（类实例化）

   <scripttype="text/javascript">

 

 

 

         //实例化编辑器

 

         //建议使用工厂方法getEditor创建和引用编辑器实例，如果在某个闭包下引用该编辑器，    <scripttype="text/javascript">

         varue01 = UE.getEditor('editor');

             </script>

</body> //注意，这就最后这个body前哦

 

（4）运行效果

 

5.大多数人想要的

 

发布网络版是会出现问题，将cs结尾的类全部带到服务器端就解决了。