xhEditor 在ASP.Net中使用步骤

1. 下载：

      http://xheditor.com/ 下载最新版本编辑器

2.相关目录文件放入项目：

    1）把解压包里的xheditor_emot  xheditor_plugins xheditor_skin 目录以及xheditor-1.1.10-zh-cn.min.js 放到指定的JS目录里

     2）把压缩包里的demos\upload.aspx 和 saveremoteimg.aspx   放到与js同级的目录下

3.修改配置文件：

    修改upload.aspx文件：找到 attachdir ，改为 string attachdir = Page.ResolveUrl("~/upload");     // 上传文件保存路径，结尾不要带/

    (也可不修改，不修改则以后上传的图片放到了Web\下的upload目录，按以上修改是放到了根目录EWeb下的upload下 )

4.修改相应界面：

   修改需要用到xheditor编辑器的页面：

   1）在第一行 <%@ Page Language="C#" .... 中增加参数 ValidateRequest="false"  （这样就不会提交时失败提示安全隐患，当然这样可能会不安全，还需要别的地方控制）

   2）加入 js 代码（这里控制编辑器用了JQUERY ，路径根据具体情况可修改）：如下

          <script src="js/jquery-1.6.2.js" type="text/javascript"></script>

    <script type="text/javascript">

        $(function() {

 $('#' + '<%=elm1.ClientID %>').xheditor({ upLinkUrl: "upload.aspx", upLinkExt: "zip,rar,txt", upImgUrl: "upload.aspx", upImgExt: "jpg,jpeg,gif,png", upFlashUrl: "upload.aspx", upFlashExt: "swf", upMediaUrl: "upload.aspx", upMediaExt: "avi" });

        })

    </script>

<script src="js/xhEditor/xheditor-1.1.10-zh-cn.min.js" type="text/javascript"></script>

3）在需要用到编辑器的地方加入如下代码：(id="elm1"需要与以上JS相对应)

      <textarea id="elm1" runat="server" name="txtContent" rows="12" cols="80" style="width: 80%"></textarea>