新闻编辑工具 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加入如下代码

<?xmlversion="1.0"encoding="utf-8"?>

<configuration>

<httpHandlers>

<addverb="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:ImageGalleryid="ImageGallery1"

JavaScriptLocation="InternalResource"

UtilityImagesLocation="InternalResource"

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

AllowImageDelete=trueAllowImageUpload=true

AllowDirectoryCreate=falseAllowDirectoryDelete=false

runat="Server"/>

注释：

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

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

用sqlserver数据库代码如下：

privatevoidPage_Load(objectsender,System.EventArgse)

{

//Putusercodetoinitializethepagehere

if(!IsPostBack)

{

SqlConnectionmyConn=newSqlConnection("server=(local)；database=mm；uid=sa；pwd=123")；

SqlCommandmyCmd=newSqlCommand("select*fromtestwhereid=2",myConn)；

myConn.Open()；

SqlDataReadermyDr；

myDr=myCmd.ExecuteReader()；

myDr.Read()；

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

myDr.Close()；

myConn.Close()；

}

}

privatevoidButton1_Click(objectsender,System.EventArgse)

{

SqlConnectionmyConn=newSqlConnection("server=(local)；database=mm；uid=sa；pwd=123")；

SqlCommandmyCmd=newSqlCommand("insertintotest(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的使用见下章