1.到http://download.csdn.net/download/chenhaoying/4274663下载，会得到一个名为：“xheditor-1.1.13在asp.net中使用.rar”的文件。
2.用vs2013新建一个网站,网站名任何,此例为Test4hxEditor.如下图。
3.将xheditor-1.1.13在asp.net中使用.rar 文件中的xheditor_emot、xheditor_skin两个文件夹及xheditor-1.1.13-zh-cn.min.js、jquery-1.4.4.min.js两个文件解压到上网站所在的文件夹“d:\快盘\Test4hxEditor”内。
4.在vs2013内为TestfhxEditor添加一个Web窗体，此例中名为Default。
5.在vs2013内打开Default.aspx文件，修改如下，其中粗体显示的为修改增加的内容。如下所示：
$(document).ready(function () { $('#elm1').xheditor({ tools: 'GStart,Fontface,FontSize,Blocktag,Bold,Italic,Underline,Strikethrough,FontColor,BackColor,Removeformat,Separator,Align,List,Outdent,Indent,Separator,Cut,Copy,Paste,Pastetext,Separator,Link,Unlink,Img,Emot,Table,Separator,About,GEnd', skin: 'default', showBlocktag: false, internalScript: false, internalStyle: false, width: 600, height: 300, loadCSS: 'http://xheditor.com/test.css', fullscreen: false, sourceMode: false, forcePtag: true, upImgUrl: "pictures", upImgExt: "jpg,jpeg,gif,png" }); });
6.将Default.aspx设计视图下,双击其中的"Button"按钮，进入Default.aspx.cs文件的编辑界面，并将其编辑为如下所示：
public partial class _Default : System.Web.UI.Page
{
protected void Page_Load(object sender, EventArgs e)
{
}
protected void Button1_Click(object sender, EventArgs e)
{
Label1.Text = elm1.Value;
}
}
7.在vs2013内打开Web.config文件,在 内增加如下内容： 。如下所示。8.运行网站。出现一个编辑器，在其中输入内容并编辑，完成后单击按"Button"按钮，可将所编辑的内容传给label1。如下图所示。
至此，xheditor 已基本可用,至于图片上传的功能,另文详述.查看更多关于在VS2013的ASPNET网站开发中用xheditorv1.1.13作为HTML编辑器_html/的详细内容...
声明：本文来自网络，不代表【好得很程序员自学网】立场，转载请注明出处：http://www.haodehen.cn/did107389