含源代码

图片 1
调用代码
图片 2
源代码

本文转自

FreeTextBox 1.6.3 中文版使用说明

感谢作者们的付出

版本: FreeTextBox 3.1.1 ASP.NET1.1
1.下载 FreeTextBox 3.1.1 (released 2005/11/08)

  1. 安装
    FreeTextBox
    3.0以上版本均支持内部模式,即图片资源和javascript都集成在dll中,
    本文仅探讨内部模式(Internal Resources).
    1) 把FTBv3-1-1\Framework-1.1\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>
  2. 使用FreeTextBox
    1) aspx页面顶上
    <%@ Register TagPrefix=”FTB” Namespace=”FreeTextBoxControls”
    Assembly=”FreeTextBox” %>
    2) 调用
    <FTB:FreeTextBox 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” 文件到同一目录下

3) FreeTextBox 属性设置
ImageGalleryPath = “~/image/upload” 上传默认路径
ImageGalleryUrl = “ftb.imagegallery.aspx?rif={0}&cif={0}”
ftb.imagegallery.aspx的目录, 只能用相对目录,不可以用”~”
4) ImageGallery 的设置
ftb.imagegallery.aspx文件里
<FTB:ImageGallery
JavaScriptLocation=”InternalResource”
UtilityImagesLocation=”InternalResource”
SupportFolder=”~/aspnet_client/FreeTextBox/”
AllowImageDelete=true AllowImageUpload=true
AllowDirectoryCreate=false AllowDirectoryDelete=false
runat=”Server” />
AllowDirectoryCreate – 能否建立文件夹
AllowDirectoryDelete – 能否删除文件夹
AllowImageUpload – 能否上传图片
AllowImageDelete – 能否删除图片
AcceptedFileTypes – 可以上传文件扩展名的数组
为开发者提供的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

1.直接使用的方法:
(1) 复制 bin 目录下的 FreeTextBox.dll 文件到你的 Web 应用程序目录中的
bin 目录或其上层的虚拟目录下的 bin 目录;
(2) 复制 HelperScripts 目录下的三个文件到你的 Web
应用程序目录中或其子目录中,注意使用时要指定 HelperFilePath 属性;
(3) 复制 images 目录下的 ftb 目录到你的 Web 站点根目录下的 images
目录中。

补充

Freetextbox是一个免费的.net mshtml 编辑器。
我所用的免费的freetextbox版本是中文版本1.6.3的汉化的freetextbox。
获得的地址。
下载之后仔细看看其中的说明,你就可以使用这个完美的编辑器。
其中示例是在内联代码方式下,如果在代码后置下使用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
我在此网站
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 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

private void Page_Load(object sender, System.EventArgs e)
{
// Put user code to initialize the page here
if (!IsPostBack)
{
SqlConnection myConn = new
SqlConnection(“server=;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=;database=mm;uid=sa;pwd=123”);
SqlCommand myCmd = new SqlCommand(“insert into test
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

Download FreeTextBox 3.0.4
Read FreeTextBox Wiki for installation instructions
Report problems to the forums
Purchase a Pro license or source code/distribution license .
Current Version Information

———另外补上一文章————————-
Freetextbox是一个免费的.net mshtml 编辑器。
我所用的免费的freetextbox版本是中文版本1.6.3的汉化的freetextbox。
获得的地址。
下载之后仔细看看其中的说明,你就可以使用这个完美的编辑器。
其中示例是在内联代码方式下,如果在代码后置下使用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 取得内容
FreeTextBox1.HtmlStrippedText 也是取得内容(不带Html标签的)
——关于WORD中过来的内容,出错解决————————————————————
把从word复制的文本粘贴到freetextbox里,提交到数据库的时候会提示有危险代码,也就是单引号,这是为什么?
在Dottext里的freetextbox,同一篇word文档,提交时就没有问题。
我现在找到的原因是dottext里的freetextbox在提交的时候会把危险代码重新编码好像,而在我的项目里的freetextbox就不会。
查看包含freetextbox控件的页面源文件,又发现license不同,是不是有

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

默认的目录结构如下:

你的应用程序(虚拟目录)
bin 目录
FreeTextBox.dll
images 目录(这个是你的“图片库”目录,上传的图片都在此)
ftb.colorpicker.aspx
ftb.imagegallery.aspx
ftb.inserttable.aspx
test.aspx (测试)

(上面 FreeTextBox.dll 只需要复制一个就行了;)

2.或者你可以更改源代码来简化某些设置。

3.官方网站:http://www.freetextbox.com
上面网页中都有一些示例程序可以参考

您可能感兴趣的文章:

  • 解密ASP源代码
  • Ajax+Asp源代码]读取数据库内容的表格(没有用框架)
  • asp实现的7xi音乐网的采集源代码
  • asp.net下中文验证码,免费开源代码
  • AspNetPager分页控件源代码(Version
    4.2)
  • 国内首款同时支持自定义404/505/rewrite的asp服务器(netbox制作,开放源代码)
  • asp.net
    需要登陆的网站上下载网页源代码和文件
  • asp.net 专业源代码打包工具
  • ASP常用源代码的总结(上)
  • ASP常用源代码的总结(下)