新闻编辑工具 freetextbox的使用方法

freetextbox的下载地址： http://www.freetextbox.com/

freetextbox界面如下：

 

使用方法：

1、下载 FreeTextBox  （下载地址如上）

2、安装 （FreeTextBox 3.0以上版本均支持内部模式,即图片资源和javascript都集成在dll中）

    1) 把FTBv322\Framework-3.5\FreetextBox.dll拷入bin目录.（将对应的.net版本的FreetextBox.dll拷贝到bin文件夹下）
     2) 在项目中添加FreetextBox.dll的dll引用（右键项目>>添加引用>>浏览）
     3) Web.config加入如下代码

                 <?xml version="1.0" encoding="utf-8" ?> 

                <configuration> 

                <httpHandlers> 

                <add verb="GET" path="FtbWebResource.axd" type="FreeTextBoxControls.AssemblyResourceHandler, FreeTextBox" /> 

                </httpHandlers> 

                </system.web> 

                </configuration> 

 

3. 使用FreeTextBox
               1) aspx页面顶上 <%@ Register TagPrefix="FTB" Namespace="FreeTextBoxControls" Assembly="FreeTextBox" %>
               2) 调用     <FTB:FreeTextBox id="FreeTextBox1" runat="Server" />
               3)工具栏皮肤   ToolbarStyleConfiguration = Offoce2003/OfficeXP/Office2000/MAC

 

4. 图片上传
           1) 工具栏上添加ImageGallery按钮.    <FTB:FreeTextBox ..ToolbarLayout=" ..,InsertImageFromGallery,.. />
           2) 拷贝 "ftb.imagegallery.aspx" 文件到同一目录下（既将该文件与要引用freetextbox的网页，放在放在同一目录下）
           3) FreeTextBox 属性设置     

           ImageGalleryPath = "~/image/upload" 上传默认路径
           ImageGalleryUrl = "ftb.imagegallery.aspx?rif={0}&cif={0}"   

           ftb.imagegallery.aspx的目录, 只能用相对目录,不可以用"~"
          4) ImageGallery 的设置
                  ftb.imagegallery.aspx文件里设置如下：

       <FTB:ImageGallery id="ImageGallery1"   

      JavaScriptLocation="InternalResource"   

      UtilityImagesLocation="InternalResource"   

      SupportFolder="~/aspnet_client/FreeTextBox/"   //不要在意

      AllowImageDelete=true AllowImageUpload=true   

      AllowDirectoryCreate=false AllowDirectoryDelete=false   

       runat="Server" /> 

注释：

                    AllowDirectoryCreate - 能否建立文件夹
                    AllowDirectoryDelete - 能否删除文件夹
                    AllowImageUpload - 能否上传图片
                    AllowImageDelete - 能否删除图片
                   AcceptedFileTypes - 可以上传文件扩展名的数组(array)

数据库的设计：存储字段只要设置为string类型即可。

用sqlserver数据库代码如下：

private void Page_Load(object sender, System.EventArgs e)  

{  

// Put user code to initialize the page here 

if (!IsPostBack)  

{  

SqlConnection myConn = new SqlConnection("server=(local)；database=mm；uid=sa；pwd=123")；  

SqlCommand myCmd = new SqlCommand("select * from test where id=2",myConn)；  

myConn.Open()；  

SqlDataReader myDr；  

myDr=myCmd.ExecuteReader()；  

myDr.Read()；  

Response.Write(myDr["content"].ToString())；  

myDr.Close()；  

myConn.Close()；  

}  

}   

private void Button1_Click(object sender, System.EventArgs e)  

{  

SqlConnection myConn = new SqlConnection("server=(local)；database=mm；uid=sa；pwd=123")；  

SqlCommand myCmd = new SqlCommand("insert into test (content) values('"+FreeTextBox1.Text+"')",myConn)；   

myConn.Open()；  

myCmd.ExecuteNonQuery()；  

myConn.Close()；  

}  

 

通常freetextbox的属相设置如下，其中已经改为简体中文版

<ftb:FreeTextBox ID="FreeTextBox1" runat="server" SupportFolder="aspnet_client/FreeTextBox/" 
   ToolbarLayout="ParagraphMenu,FontFacesMenu,FontSizesMenu,FontForeColorsMenu|Bold,Italic,Underline,Strikethrough;Superscript,Subscript,RemoveFormat|JustifyLeft,JustifyRight,JustifyCenter,JustifyFull;BulletedList,NumberedList,Indent,Outdent;CreateLink,Unlink,InsertImage,InsertImageFromGallery,InsertRule|Cut,Copy,Paste;Undo,Redo,Print"
     ImageGalleryPath="~/Files"  ImageGalleryUrl = "ftb.imagegallery.aspx?rif={0}&cif={0}"
     Language="zh-CN" BreakMode="LineBreak" ButtonSet="Office2003" Height="500" Width="1000" />
   

ckeditor的使用见下章