arrow2 软件系统 arrow2 编程技术
第三方Web Html Editor的使用
asp.net,编辑器
2008-01-13 14:03:23  

字体         收藏 推荐 打印 关闭

一、 概述 2
二、 WEB HTML EDITOR使用 2
1. FREETEXTBOX 2
2. FCKEDITOR 3
3. CUTEEDITOR 3
4. EWEBEDITOR 3


一、 概述
现在网络上有很多的web html editor, 而且很多都是开源的,像FCKEditor,  eWebEditor, FreeTextBox,  cuteEditor等等。 不管那种Editor, 都有规范的使用接口, 可以很方便的嵌入到我们的系统中, 下面我们就眼下流行的editor的使用做一一的详细介绍
二、 Web Html Editor使用
1. FreeTextBox
1) 是否开源:   是
2) 下载网址:   http://www.freetextbox.com/downloads.aspx
3) 当前版本:   v 3.1.1
4) 使用环境:   asp.net 1.1
5) 使用步骤:  
a) 将下载的包解压, 添加Freetextbox.dll引用
b) 在web.config的System.Web配置节中加入下面的配置信息:
<httpHandlers>
<add verb="GET" path="FtbWebResource.axd" type="FreeTextBoxControls.AssemblyResourceHandler, FreeTextBox" />
</httpHandlers>
c) 在使用的aspx页面顶部加上:
<%@ Register TagPrefix="FTB" Namespace="FreeTextBoxControls" Assembly="FreeTextBox" %>
d) 在页面添加编辑器标签:
<FTB:FreeTextBox id="FreeTextBox1" runat="Server" />
e) 更改编辑器工具栏样式:
<FTB:FreeTextBox id="FreeTextBox1" ToolbarStyleCongifuration=”Office2003” runat="Server" />


工具栏的样式有:  Office2003,  OfficeXP,  Office2000,  MAC
f) 后台获取编辑器的内容:
private void InitializeComponent()
{   
this.FreeTextBox1.SaveClick += new System.EventHandler this.FreeTextBox1_SaveClick);
this.Button1.Click += new System.EventHandler(this.FreeTextBox1_SaveClick);
}


private void FreeTextBox1_SaveClick(object sender, System.EventArgs e)
{
    String content = FreeTextBox1.Text;
}
2. FCKEditor
1) 是否开源:   是
2) 下载网址:   http://www.fckeditor.net/download/default.html
3) 当前版本:   v 2.3
4) 使用环境:   asp.net 1.1
5) 使用步骤:  
a)     下载两个压缩包, 一个是core(核心文件), 一个是for .net文件。核心文件是FCKeditor_2.3.1.zip,   for .net的是FCKeditor.Net_2.2.zip
b) 解压FCKeditor_2.3.1.zip,将里面的FCKEditor复制到你的站点根目录底下
c) 将/Fckeditor/fckconfig.js的变量: FileBrowserLanguage 和_QuickUploadLanguage 的值改为 aspx
d) 解压缩FCKeditor.Net_2.2.zip,然后在VS.net 2003中左边的工具栏中像添加新的控件那样添加: FredCK.FCKeditorV2.dll
e)      将FredCK.FCKeditorV2.dll 复制FCKeditor/bin/ 目录下,然后在IIS中创建针对FCKeditor的应用程序。这一步的目的是让FCKeditor/editor/filemanager/browser/default/connectors/aspx/connector.asp和FCKeditor/editor/filemanager/upload/aspx/upload.aspx这两个文件能够工作。
f)     然后就可以在aspx的设计页面里面拖入FCKeditor控件,将BasePath 设置为 /FCKEditor/ 就可以使用了
g) 后台获取编辑器的内容:
如果前台的标签是:
<FCKeditorV2:FCKeditor id="fckContent" runat="server"></FCKeditorV2:FCKeditor>
那么后台获取的代码就是:
Stirng content = fckContent.Text;


如果检测是否为空的话就是:
If (fckContent.Value.Trim().Equals(“”))
{}
3. CuteEditor
1) 是否开源:   否
2) 下载网址:   http://www.cuteeditor.cn/
3) 当前版本:   v 6.0
4) 使用环境:   asp.net 1.1
5) 使用步骤:  
a) 添加CuteEditor/bin下所有dll 的引用, 并将CuteEditor.lic添加到项目的/bin目录下, 跟CuteEditor.dll放在一起
b) 将CuteSoft_Client文件夹拷贝到项目根目录下
c) 修改web.config文件:



<appSettings>
  <add key="DictionaryFolder" value="bin" />
 </appSettings>
 <system.web>
  <browserCaps>
        tagwriter=System.Web.UI.HtmlTextWriter
  </browserCaps>
 </system.web>


d) 在页面顶部添加:
<%@ Register Assembly="CuteEditor" Namespace="CuteEditor" TagPrefix="CE" %>
e) 在页面上添加编辑器标签:
<CE:Editor  ID="cEditor1" runat="server" FilesPath="~/admin/CuteSoft_Client/CuteEditor/"  EditorWysiwygModeCss="~/Admin/CuteSoft_Client/CuteEditor/Themes/example.css"  ThemeType="Office2003_BlueTheme">
</CE:Editor>


f) 后台获取编辑器内容:
String content = cEditor1.Text;
4. eWebEditor
1) 是否开源:   否
2) 下载网址:   http://www.ewebeditor.net/download.asp
3) 当前版本:   v 4.8.0
4) 使用环境:   asp.net 1.1
5) 使用步骤:  
a) 下载后将压缩包里面的内容解压到站点目录下的eWebEditor文件夹中
b) 修改/eWebEditor/ ewebeditor.htm文件, 将config.ServerExt 的值改成 "aspx"。
c) 在页面上添加:
<input   id="txtContent"   type="hidden"   runat=”server”>
<iframe  ID="eWebEditor1"  src="eWebEditor/ewebeditor.htm?id= txtContent &style=coolblue"  frameborder="0"  scrolling="no"  width="500" HEIGHT="350"></iframe>
d) 后台获取编辑器内容:
String content = txtContent.Value;


来自:不详   作者: 未知   责任编辑:admin | 返回顶部


用户评论
文章分类


名称 作者 内容 论坛

关键字
asp.net,编辑器

google中搜索
相关文章
  · Asp.net中执行U ...
  · Asp.net取得页 ...
  · ASP.net在页面 ...
  · ASP.NET连接Acce ...
  · ASP.NET 2.0的视 ...
  · asp.net常用技巧
  · ASP.net中的文 ...
  · asp.net跳转页 ...
  · asp.NET打印
  · asp.net中同时 ...
  · ASP.NET对XML进 ...
  · asp.NET操作图 ...
  · ASP.NET读取照 ...
  · asp.net 2.0 缓存 ...
  · ASP.NET图象处 ...
  · 提高ASP.NET生 ...
  · ASP.NET使用Jmai ...
  · ASP.NET画图全 ...
  · ASP.Net环境下 ...
  · ASP.NET缓存提 ...

最新发表
  ·  C# 打造个性浏览器
  ·  域名解析操作说明
  ·  W2K下安装MYSQL 4.0.21
  ·  Asp.net中执行Url重写
  ·  第三方Web Html Editor的使用
  ·  Iframe跨域问题.
  ·  垃圾邮件评判优化
  ·  如何对电子商务系统进行需求分析
  ·  IPS支付说明
  ·  谈谈PHP文章系统和SEO的关系