首页 > 编程 > HTML > 正文

如何在Asp.net中使用HtmlArea编辑 器

2020-03-24 15:45:14
字体:
来源:转载
供稿:网友

HtmlArea是纯JS+Html的编辑器,理论上可以套在任何语言平台上,经过实际使用可以和Asp.Net 2.0 + html' target='_blank'>Ajax 很好的结合,现在本博客系统已经拿它当作文章编辑器了,下面就是具体安装步骤。

  首先下载HtmlArea3.0,解压到Web项目的某个目录。

  lang/gb.js 是中文语言文件,官方默认是ANSI编码的,如果你的web.config设置为utf-8(默认),则需要用记事本打开gb.js,另存为utf-8格式。

  以下是引用片段:

<scripttype="text/javascript">_editor_url="../HtmlArea/";_editor_lang="gb";</script>

<scripttype="text/javascript"src="../HtmlArea/htmlarea.js"></script>

<asp:TextBoxID="HtmlArea"CssClass="htmlarea"runat="server"Height="200px"TextMode="MultiLine"Width="100%">&

历史人物故事[www.9-39.com/html/person/]lt;/asp:TextBox>

以下是引用片段:

protectedvoidPage_Load(objectsender,EventArgse){

if(!Page.IsPostBack){

StringBuildersb=newStringBuilder();

sb.Append("vareditor=null;");

sb.Append("functioninitEditor(){");

sb.Append("editor=newHTMLArea('"+ArticleBody1.FindControl("HtmlArea").ClientID+"');");

sb.Append("editor.generate();}");sb.Append("document.body.onload=initEditor;");

ScriptManager.RegisterStartupScript(this.Page,this.GetType(),"HtmlAreaScript",sb.ToString(),true);}

}

  如果是UpdatePanel提交,则还须在提交后执行下面语句,重新初始化编辑器:

以下是引用片段:

ScriptManager.RegisterStartupScript(this.Page,this.GetType(),"HtmlAreaScript","initEditor();",true);

郑重声明:本文版权归原作者所有,转载文章仅为传播更多信息之目的,如作者信息标记有误,请第一时间联系我们修改或删除,多谢。

发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表