当前位置:Gxlcms > html代码 > 在VS2013的ASPNET网站开发中用xheditorv1.1.13作为HTML编辑器_html/css_WEB-ITnose

在VS2013的ASPNET网站开发中用xheditorv1.1.13作为HTML编辑器_html/css_WEB-ITnose

时间:2021-07-01 10:21:17 帮助过:38人阅读

要用vs2013开发一个博客网站,.net framework 4,需要一个HTML编辑器作为写文章的工具。经多方试用,排除了dotnettextbox、kceditor。觉得xheditor 不错,现将使用方法记录如下:

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文件,修改如下,其中粗体显示的为修改增加的内容。如下所示:

<%@ Page Language="C#" AutoEventWireup="true" ValidateRequest="false"  CodeFile="Default.aspx.cs" Inherits="_Default" %>        


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 已基本可用,至于图片上传的功能,另文详述.

人气教程排行