FreeTextBox使用详解

转载 2006年04月08日 19:35:00

版本: FreeTextBox 3.1.1     ASP.NET1.1

 

1.下载 FreeTextBox 3.1.1 (released 2005/11/08)

 

http://www.freetextbox.com/downloads.aspx

 

2. 安装

 

FreeTextBox 3.0以上版本均支持内部模式,即图片资源和javascript都集成在dll, 本文仅探讨内部模式(Internal Resources).

 

1 ) FTBv3-1-1/Framework-1.1/FreetextBox.dll拷入bin目录.

 

2) 在项目中添加FreetextBox.dlldll引用

 

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) 得到保存编辑的内容

 

private void InitializeComponent()

{   

    this.FreeTextBox1.SaveClick += new System.EventHandler(this.FreeTextBox1_SaveClick);

    this.Button1.Click += new System.EventHandler(this.FreeTextBox1_SaveClick);

    this.Load += new System.EventHandler(this.Page_Load);

}

 

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

{

    divshow.InnerHtml = FreeTextBox1.Text;

}

      

 

5) 从客户端中检测到有潜在危险的 Request.Form

 

<%@ Page language="c#" ... ValidateRequest="false"%>

 

4 图片上传

 

1) 工具栏上添加ImageGallery按钮.

 

<FTB:FreeTextBox ..ToolbarLayout=" ..,InsertImageFromGallery,.. />

 

2) 拷贝 "ftb.imagegallery.aspx" 文件到同一目录下

 

http://wiki.freetextbox.com/default.aspx/FreeTextBoxWiki.ImageGallery

 

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)

 

为开发者提供的2个属性

 

CurrentDirectories - a string[] array of directories to allow the user to navigate toward

CurrentImages - a FileInfo[] array of files the user should be able to insert.

 

建议: 删掉Page_Load事件可以显著回避上传图片不能即时显示的问题. 不要重写Page_Load

补充 

========================================================================

Freetextbox是一个免费的.net mshtml 编辑器。
我所用的免费的freetextbox版本是中文版本1.6.3的汉化的freetextbox。
获得的地址。http://www.percyboy.com/w/ftb/
下载之后仔细看看其中的说明,你就可以使用这个完美的编辑器。
其中示例是在内联代码方式下,如果在代码后置下使用Freetextbox 呢。
1、首先我们把 FreeTextBox.dll 文件copy到我们的项目中的bin目录里。
然后在我们的项目里添加新的引用,在添加引用对话框选择项目标签,浏览/选择你的FreeTextBox.dll/打开/确定。应用就添加完成了。

2、如何获得FreeTextBox.dll 中所使用到的名字空间,本中文版本1.6.3 有3个名字空间。
using FreeTextBoxControls;
using FreeTextBoxControls.Design;
using FreeTextBoxControls.Common;
可以在引用的FreeTextBox.dll 查看对象浏览。
点开树型目录就可以清晰的看到,上面所说的名字空间了。
其他的版本类似可以获得。
3、在aspx文件添加freetextbox
<%@ Register TagPrefix="ftb" Namespace="FreeTextBoxControls" Assembly="FreeTextBox" %>
具体的方法和内联一样的。
同时cs文件中会有如下代码:
protected FreeTextBoxControls.FreeTextBox FreeTextBox1;产生
添加完后,运行一下就可以看到结果了。
在设计模式下我们还可以查看FreeTextBox 属性。
4、如何把FreeTextBox 内容写到数据库,我们在aspx文件中添加一个bottom
其的onclick=“my_add"
cs文件
protected void my_add(object sender, System.EventArgs e)
        {
            // 在此处放置用户代码以初始化页面
         Response.Write(FreeTextBox1.Text);
        }
此处是输出内容,可以改成我们需要方法。

FreeTextBox使用方法集合

作者:刘一   时间:2005-6-16
 我在此网站http://www.percyboy.com/w/ftb/down/下载了
FreeTextBox 1.6.3 中文版 [307KB]
FreeTextBox 1.6.3 中文版源代码 [420KB]

1.先把freetextbox.dll添加到项目中

2.把 - ftb.colorpicker.aspx
          - ftb.imagegallery.aspx
          - ftb.inserttable.aspx
从文件夹HelperScripts复制出来,放到外面与 - test.aspx (测试)同等级目录,
(不这么做,插入背景色,图片,表格就不好使)

3.把images文件夹放到test.aspx (测试)同等级目录下,来存放上传的图片.

4.在test.aspx 中,加图片的路径
<FTB:FreeTextBox id="FreeTextBox1" runat="server" Width="700" ButtonPath="/images/ftb/office2003/"/>

this.FreeTextBox1.Text 这个就是FTB中你输入的文本的内容,这是带HTML标记的

this.FreeTextBox1.HtmlStrippedText 这个是将HTML标记去掉的文本

5.写入数据库
在CSDN上看到朋友们说怎么把FreeTextBox内容写入数据库中
我做了一下.就是把所有产生的HTML代码都插入数据库的一个字段中
可以做一个新闻表
news
字段ID(自增) content addtime(getdate)
 

 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();
  }

[注]web.config
在system.web节加入:
  <pages validateRequest="false"/>

  -----------------------------------------------------------------------------------------------------
这里还有3.0的版本,不过是外文的哟!
The no.1 free ASP.NET HTML Editor for IE and Mozilla.  

FreeTextBox 3.0

FreeTextBox 3.0, with over 150,000 downloads, is the most popular cross-browser HTML editor for ASP.NET. To start using the control, do the following

  1. Download FreeTextBox 3.0.4
  2. Read FreeTextBox Wiki for installation instructions
  3. Report problems to the forums
  4. Purchase a Pro license ($49) or source code/distribution license ($199).

Current Version (3.0.4) Information

---------另外补上一文章-------------------------

 

 Freetextbox是一个免费的.net mshtml 编辑器。
我所用的免费的freetextbox版本是中文版本1.6.3的汉化的freetextbox。
获得的地址。http://www.percyboy.com/w/ftb/
下载之后仔细看看其中的说明,你就可以使用这个完美的编辑器。
其中示例是在内联代码方式下,如果在代码后置下使用Freetextbox 呢。
1、首先我们把 FreeTextBox.dll 文件copy到我们的项目中的bin目录里。
然后在我们的项目里添加新的引用,在添加引用对话框选择项目标签,浏览/选择你的FreeTextBox.dll/打开/确定。应用就添加完成了。

2、如何获得FreeTextBox.dll 中所使用到的名字空间,本中文版本1.6.3 有3个名字空间。
using FreeTextBoxControls;
using FreeTextBoxControls.Design;
using FreeTextBoxControls.Common;
可以在引用的FreeTextBox.dll 查看对象浏览。
点开树型目录就可以清晰的看到,上面所说的名字空间了。
其他的版本类似可以获得。
3、在aspx文件添加freetextbox
<%@ Register TagPrefix="ftb" Namespace="FreeTextBoxControls" Assembly="FreeTextBox" %>
具体的方法和内联一样的。
同时cs文件中会有如下代码:
protected FreeTextBoxControls.FreeTextBox FreeTextBox1;产生
添加完后,运行一下就可以看到结果了。
在设计模式下我们还可以查看FreeTextBox 属性。
4、如何把FreeTextBox 内容写到数据库,我们在aspx文件中添加一个bottom
其的onclick=“my_add"
cs文件
protected void my_add(object sender, System.EventArgs e)
        {
            // 在此处放置用户代码以初始化页面
         Response.Write(FreeTextBox1.Text);
        }
此处是输出内容,可以改成我们需要方法。

----心得-------------------------------------------------------

  在使用FreeTextBox控件进行文本编辑后,进行保存时需要取编辑内容对应的HTML文本内容。取编

辑内容使用my_freetextbox.ViewStateText属性会比使用my_freetextbox.Text属性,在后续的字

符串内容处理上会方便一些。

      在所取出的字符串中,系统自动加上了“/r/n”的回车换行字符串标示,在存储内容到数据库之前最

好将这些“/r/n”字符串用空串“”替换掉(如:my_str=my_str.Replace("/r/n","")),否则在将

来调用时会导致不正常显示。

      在所取出的字符串中,系统还把编辑文本中的双引号“用转义字符/进行了处理,如原字符串为

“wangshixin said "hello!"”,所取得的字符串实际为“wangshixin said /"hello!/"”,因此需要

将所获得的字符串中的全部“/"”用特定的字符串替换掉。在将来提取显示时,再将特定字符串替换为

“/"”(如:my_str=my_str.Replace("/"","wangshixin750920"))。

-----还有,再加上--------------------------------------------------------------------------
 

FreeTextBox1.Text 取得内容(带html标签的)

FreeTextBox1.HtmlStrippedText  也是取得内容(不带Html标签的)
------关于WORD中过来的内容,出错解决------------------------------------------------------------
 把从word复制的文本粘贴到freetextbox里,提交到数据库的时候会提示有危险代码,也就是单引号,这是为什么?
在Dottext里的freetextbox,同一篇word文档,提交时就没有问题。
我现在找到的原因是dottext里的freetextbox在提交的时候会把危险代码重新编码好像,而在我的项目里的freetextbox就不会。
查看包含freetextbox控件的页面源文件,又发现license不同,是不是有

把页面中的validateRequest指令设成false即可,或者直接改web.config:<pages validateRequest="false" buffer="true"/>
-----------------------------------

FreeTextBox 3.0

The no.1 free ASP.NET HTML Editor for IE and Mozilla. 
 


相关文章推荐

.NET-C#超文本编辑器FreeTextBox使用

FreeTextBox是一款比较成熟的超文本编辑器,并且不收费。因项目需要,近日笔者对其进行了粗浅研究,本文以最新的3.3.1版本为例,说明其基本应用,供初学者参考。 例程链接http://downl...
  • jlclyx
  • jlclyx
  • 2013年08月16日 11:05
  • 932

FreeTextBox的使用

reeTextBox使用详解       1.下载 FreeTextBox 3.2.2   http://down.chinaz.com/soft/25097.htm 2. 安装   ...
  • brokge
  • brokge
  • 2011年08月19日 10:50
  • 2165

FreeTextBox使用详解 (版本3.1.1)

FreeTextBox使用详解  Author: Annerose     Date:12/16/2005 版本: FreeTextBox 3.1.1  ASP.NET1.1 1.下...

FreeTextBox使用详解

FreeTextBox 1.下载 FreeTextBox   http://www.freetextbox.com 2. 安装 FreeTextBox 3.0以上版本均...

FreeTextBox使用详解

  • 2016年03月21日 16:51
  • 80KB
  • 下载

FreeTextBox3.3.1使用详解及下载

  • 2012年05月12日 09:15
  • 3.83MB
  • 下载

【牛腩新闻发布系统】——FreeTextBox控件的使用

最近在学习牛腩新闻发布系统,在学习的前半部分基本上还是没有遇到问题的,但是在视频的后几集学习的过程中,遇到了一些问题,其中之一就是我们在学习到添加新闻这一项中,我们在添加新闻界面上加载了一个FreeT...
  • zmh458
  • zmh458
  • 2017年05月24日 17:46
  • 395

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

freetextbox的下载地址:http://www.freetextbox.com/ freetextbox界面如下:   使用方法: 1、下载 FreeTextBox  (下载地址如...

ASP.NET下在线编辑器FreeTextBox与FCKeditor快速使用

一、FreeTextBox(版本3.2.1) 1、下载FreeTextBox,等到对应 .Net 的版本FreeTextBox.dll; 2、将FreeTextBox.dll复制到项目的bin...

ASP.NET 4.0中使用FreeTextBox和FCKeditor遇到安全问题警告的解决办法

引言 本人在.NET 4.0+VS2010环境下调试一个ASP.NET 4.0程序时使用到富文本控件FreeTextBox 3.2.2。从网络上查询得到这个控件尽管被广泛使用,但是其相关的安全问...
  • bdstjk
  • bdstjk
  • 2012年04月25日 16:01
  • 3911
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:FreeTextBox使用详解
举报原因:
原因补充:

(最多只允许输入30个字)