eWebEditor的使用

eWebEditor是一个在线HTML编辑器,可以嵌入到我们的系统中,在它里面可以方便的进行HTML格式的编辑。正是因为这一点(当然还有其他的功能,例如上传文件管理,只是我没有使用到,说到这里,突然想到现在在博客园上写随笔的这个文本编辑器也是一个eWebEditor产品的应用),我们可以在ASP.NET系统中使用到它,,例如发送电子邮件时,邮件内容的格式就可以通过eWebEditor来控制,对它里面相关字符进行实际的替换就可以实现邮件主体格式的良好控制。

使用过程也很简单,步骤如下:

1.下载解压后,把Web网站根目录下建立一个eWebEditor的新文件夹,将解压的eWebEditor目录下的所有东西都放到eWebEditor这个新建的文件夹中。

2.调用。过程非常简单。通过框架iframe来调用。

< iframe  ID ="eWebEditor1"  src ="~/eWebEditor/ewebeditor.htm?id=content1&style=standard"   frameborder ="0"   scrolling ="no"   width ="500"  height ="350" ></ iframe >  

参数说明:

参数id:相关联的表单项名,也就是提交保存页要引用的表单项名,多个调用时,请保证id不同,可参见后面例子
参数style:使用的样式名,可以是标准的样式名或自定义的样式名,如果使用标准standard可留空
width,height:根据实际需要设置,eWebEditor将自动调整与其适应
在后台管理中,可以得到每个样式的最佳调用代码
所有入口参数:(即:eWebEditor.asp?后面的参数)

id:相关联的保存编辑内容的表单项名,也就是提交保存页要引用的表单项名
style:使用的样式名,可以是标准的样式名或自定义的样式名,如果使用标准standard可留空
originalfilename:相关联的保存上传原文件名列表的表单项名,必须是input类型,可以带onchange事件[例子]
savefilename:相关联的保存上传保存文件名列表的表单项名,必须是input类型,可以带onchange事件[例子]
savepathfilename:相关联的保存上传保存文件名(带路径)列表的表单项名,必须是input类型,可以带onchange事件

我们像上面那样设置参数(注意src属性中id,style的设置,frameborder="0",scrolling="no"不变,width和height根据实际调整)就可以了.

< th  width ="240"  align ="left"  valign ="middle"  scope ="col"  colspan ="3" >
  
< input  type ="hidden"  id ="txtEmailContent"  name ="txtContent"  value =""  runat ="server"   />
  
< iframe  id ="eWebEditor1"   src ='<%=Page.ResolveUrl("~/eWebEditor/ewebeditor.htm?id=txtEmailContent&style=gray")% > '             frameborder="0" scrolling="no" width="600" height="250"> </ iframe >
</ th >

id为txtEmailContent控件是隐藏的,我们实现了eWebEditor1中的内容与txtEmailContent相关联:对txtEmailContent的赋值将在eWebEditor1中呈现,另一方面对eWebEditor1中数据的修改我们用txtEmailContent来保存。eWebEditor的使用就这么简单。

你可能感兴趣的:(editor)