FreeTextBox在线编辑器使用教程

     freetextbox是一款免费的asp.net网页编辑器，官方默认为英文版，可以设置文字样式、在线排版、图片上传等。
是一款非常好用，功能很强大的在线编辑器，尤其是能真正实现图片上传，目前网上流传的帮助都是针对老版本的，所以为大家整理一个针对新版本的帮助，希望对大家有用：

目录结构：
aspnet_client     freetextbox的外观文件，直接拷贝到你的工程的目录下就可以了。
docs              帮助文档
examples          官方例子,包括了各类应用的演示和实现过程，包括：功能设置、下拉显示、多语言（包括简体中文、繁体、英文等）切换、js调用、webparts应用、ajax无刷新交互等例子。
framework-2.0     适合.net freameork2.0使用的dll
framework-1.0     适合.net freameork1.1使用的dll
framework-1.0     适合.net freameork1.0使用的dll
使用方法： 
1 在web应用程序中添加引用freetextbox.dll，自动添加到bin 目录; 
  文件夹下有asp.net1.1/2.0/3.5各个环境下可以使用的freetextbox.dll；
  添加引用时要根据使用的framework版本来引用相应的dll。
2 把aspnet_client下的freetextbox文件夹及其所有内容都拷贝到web项目中
3 在应用程序目录下建立images目录，此目录用做上传图片的图片库，上传的图片都保持在该文件夹下
4 在aspx中使用：
  页头添加


xml/html代码

   
• <%@ register tagprefix="ftb" namespace="freetextboxcontrols" assembly="freetextbox"  %>   
  

引入控件标签 
  添加<ftb:freetextbox>到页面中需要的位置。



xml/html代码

   
• <ftb:freetextbox id="freetextbox1" onsaveclick="savebutton_click"   language="zh-cn"    
     
•    toolbarlayout="paragraphmenu,fontfacesmenu,fontsizesmenu,fontforecolorsmenu,fontforecolorpicker,fontbackcolorsmenu,fontbackcolorpicker|bold,italic,underline,strikethrough,superscript,subscript,removeformat|justifyleft,justifyright,justifycenter,justifyfull;bulletedlist,numberedlist,indent,outdent;createlink,unlink,insertimage|cut,copy,paste,delete;undo,redo,print,save|symbolsmenu,stylesmenu,inserthtmlmenu|insertrule,insertdate,inserttime|inserttable,edittable;inserttablerowafter,inserttablerowbefore,deletetablerow;inserttablecolumnafter,inserttablecolumnbefore,deletetablecolumn|insertform,inserttextbox,inserttextarea,insertradiobutton,insertcheckbox,insertdropdownlist,insertbutton|insertdiv,editstyle,insertimagefromgallery,preview,selectall,wordclean,netspell"   runat="server" designmodecss="designmode.css"/>  
     
•     
     
• <asp:button id="savebutton" text="save" onclick="savebutton_click" runat="server" />     
     
•   
  

  
  常用属性：
  language="zh-cn" 把显示语言改为中文，默认为英文
  
  toolbarlayout: 说明在线编辑器提供的相应功能
  text: 提供默认值
  toolbarstyleconfiguration：换肤，取值包括notset office2000 officexp officemac office2003
  注意提交按钮和freetextbox的onclick事件使用同一个处理方法
5 如果要实现上传图片功能，必须把ftb.imagegallery.aspx文件，拷贝到使用该控件的aspx文件相同的文件夹下。
6 获取或者设置值: freetextbox1.text
this.freetextbox1.htmlstrippedtext 这个是将html标记去掉的文本
7 使用的页面中需要设置 validaterequest="false"
  否则会报错：从客户端.....中检测到有潜在危险的 request.form 值。说明: 请求验证过程检测到有潜在危险的客户端输入值，对请求的处理已经中止。该值可能指示危及应用  程序安全的尝试，如跨站点的脚本攻击。通过在 page 指令或配置节中设置 validaterequest=false 可以禁用请求验证
  解决办法：
  web.config中<system.web>下添加一个配置 

  页面配置中添加validaterequest="false"，即<%@ page ......　validaterequest="false"%>

下载地址：
http://freetextbox.com/
http://freetextbox.com/download/

评论

1 楼 lyqidao 2010-02-01  

这个用的太熟了