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的使用见下章