新闻编辑工具 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" ?>

</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)

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

myCmd.ExecuteNonQuery()；

}

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

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

相关推荐