FreeTextBox316Word格式.docx

FreeTextBox316Word格式.docx

《FreeTextBox316Word格式.docx》由会员分享，可在线阅读，更多相关《FreeTextBox316Word格式.docx（13页珍藏版）》请在冰豆网上搜索。

].ExecuteCommand（'

bold'

）;

使字体变为粗体

italic'

使字体变为斜体

createlink'

null,document.getElementById（'

LinkUrl'

）.value）;

"

为文字添加连接

问题1：

我想实现自动保存功能，所以想捕获ftb的onTextchange事件在客户端，如何捕获

官方论坛上给出如下解决方案，我式了不行

Property:

ClientSideTextChanged="

CharCount"

OR

SetTextBox"

Javascript

functionCharCount（ftb）

{

varhtml=ftb.GetHtml（）;

varo=document.getElementById（'

charcnt'

o.value=html.length;

window.status=html.length;

}

functionSetTextBox（ftb）

textwritten'

o.value=ftb.GetHtml（）;

问题2：

我设置好了ImageGalleryPath，也能弹出ImageGallery，但是默认图片为叉子，如何处理

<

FTB:

FreeTextBoxID="

FreeTextBox1"

runat="

server"

ImageGalleryPath="

/aspnet_client/FreeTextBox/images/"

UseToolbarBackGroundImage="

True"

ButtonSet="

Office2003"

ImageGalleryUrl="

/aspnet_client/FreeTextBox/ftb.imagegallery.aspx?

rif={0}&

cif={0}"

Language="

zh-CN"

ToolbarLayout="

CreateLink,Unlink,InsertImage,

InsertRule,InsertImageFromGallery|Cut,Copy,Paste;

Width="

700px"

>

/FTB:

FreeTextBox>

请有过相关经验的高手指点一下

最新版FreeTextBox（版本3.1.6）在ASP.Net2.0中使用简解（提供博客园本地下载）

简介：

对于FreeTextBox（版本3.1.6）在ASP.Net2.0中使用,只需要2个文件：

FreeTextBox.DLL和ftb.imagegallery.aspx

1。

下载最新版FreeTextBox（版本3.1.6）,解压

FreeTextBox3.1.6（2006/07/18）

博客园本地下载：

作者网站下载地址：

详细版本有哪些改进和修改历史可以看这里：

FreeTextBox3.1.6（2006/07/18）

*BUG:

Firefoxpostbackproblems（duetoIEspecificcode）

*CHANGE:

createlinknowrequirestexttobeselected

FontSizesMenuListnowfunctionscorrectly

IEuserswouldseethetagpathoftheentiredocument

WordCleanfixfor<

b>

tags

buginFFvs.IEDOMhandlingofextra\ntag

Free版本的收费版本的区别可以看这里：

2。

打开ASP.Net2.0项目，添加引用。

（如果添加过以前版本的FreeTextBox，先删除以前版本的引用）

2.1。

拷贝ftb.imagegallery.aspx到你要使用FreeTextBox的目录（当然可以是其他，但是可能要设置路径）

3。

将FreeTextBox添加到工具栏。

（工具栏〉常规〉选择项〉浏览到DLL文件，添加）

4。

可以将工具栏上的控件拖入到你的页面了

Free1"

~/ImageAdmin"

Text='

%#Bind（"

Contents"

）%>

'

ButtonDownImage="

ParagraphMenu,FontFacesMenu,FontSizesMenu,FontForeColorsMenu|Bold,Italic,Underline,Strikethrough;

Superscript,Subscript,RemoveFormat|JustifyLeft,JustifyRight,JustifyCenter,JustifyFull;

CreateLink,Unlink,InsertImage,InsertImageFromGallery,InsertRule|Cut,Copy,Paste;

4.1。

修改ImageGalleryPath属性为你图片的放置目录。

5。

Q&

A

5.1。

Q：

怎么不能新建目录，上传文件等？

A：

修改ftb.imagegallery.aspx页面可以做到

ImageGalleryid="

ImageGallery1"

SupportFolder="

~/aspnet_client/FreeTextBox/"

AllowImageDelete="

true"

AllowImageUpload="

AllowDirectoryCreate="

AllowDirectoryDelete="

Server"

/>

修改AllowImageDelete等属性

5.2。

怎么没有看到“从图片库插入图片”这个图标？

修改<

FreeTextBox/>

的ToolbarLayout属性，添加一个InsertImageFromGallery，上面代码的例子就是已经添加好的。

5.3。

按钮怎么是英文提示？

有个属性叫做Language，把默认的en-US改称zh-CN吧，就是中文简体了，听说这个版本带了25种语言呢。

版本:

FreeTextBox3.1.6ASP.NET1.1

1.下载FreeTextBox3.1.6（released2005/11/08）

2.安装

FreeTextBox3.0以上版本均支持内部模式,即图片资源和javascript都集成在dll中,本文仅探讨内部模式（InternalResources）.

1）把FTBv3-1-1\Framework-1.1\FreetextBox.dll拷入bin目录.

2）在项目中添加FreetextBox.dll的dll引用

3）Web.config加入如下代码

1<

?

xmlversion="

1.0"

encoding="

utf-8"

?

2<

configuration>

3<

system.web>

4<

httpHandlers>

5<

addverb="

GET"

path="

FtbWebResource.axd"

type="

FreeTextBoxControls.AssemblyResourceHandler,FreeTextBox"

6<

/httpHandlers>

7<

8<

3.使用FreeTextBox

1）aspx页面顶上

%@RegisterTagPrefix="

FTB"

Namespace="

FreeTextBoxControls"

Assembly="

FreeTextBox"

%>

2）调用

~/upload/"

toolbarlayout="

ParagraphMenu,FontFacesMenu,FontSizesMenu,FontForeColorsMenu,FontForeColorPicker,FontBackColorsMenu,FontBackColorPicker|InsertRule,InsertDate,InsertTime|Bold,Italic,Underline,Strikethrough,Superscript,Subscript,RemoveFormat|JustifyLeft,JustifyRight,JustifyCenter,JustifyFull;

CreateLink,Unlink,InsertImage|InsertImageFromGallery,Preview,SelectAll,WordClean"

3）工具栏皮肤

ToolbarStyleConfiguration=Offoce2003/OfficeXP/Office2000/MAC

4）得到保存编辑的内容

1privatevoidInitializeComponent（）

2{

3//指向同一个委托

4this.FreeTextBox1.SaveClick+=newSystem.EventHandlerthis.FreeTextBox1_SaveClick）;

5this.Button1.Click+=newSystem.EventHandler（this.FreeTextBox1_SaveClick）;

6}

7

8privatevoidFreeTextBox1_SaveClick（objectsender,System.EventArgse）

9{

10divshow.InnerHtml=FreeTextBox1.Text;

11}

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

%@Pagelanguage="

c#"

ValidateRequest="

false"

%>

4图片上传

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

FreeTextBox..ToolbarLayout="

..,InsertImageFromGallery,../>

2）拷贝"

ftb.imagegallery.aspx"

文件到同一目录下

3）FreeTextBox属性设置

ImageGalleryPath="

~/image/upload"

上传默认路径

ImageGalleryUrl="

ftb.imagegallery.aspx?

ftb.imagegallery.aspx的目录,只能用相对目录,不可以用"

~"

4）ImageGallery的设置

ftb.imagegallery.aspx文件里

JavaScriptLocation="

InternalResource"

UtilityImagesLocation="

SupportFolder="

AllowImageDelete=true

AllowImageUpload=true

AllowDirectoryCreate=false

AllowDirectoryDelete=false

runat="

AllowDirectoryCreate-能否建立文件夹

AllowDirectoryDelete-能否删除文件夹

AllowImageUpload-能否上传图片

AllowImageDelete-能否删除图片

AcceptedFileTypes-可以上传文件扩展名的数组（array）

为开发者提供的2个属性

CurrentDirectories-astring[]arrayofdirectoriestoallowtheusertonavigatetoward

CurrentImages-aFileInfo[]arrayoffilestheusershouldbeabletoinsert.

建议:

删掉Page_Load事件可以显著回避上传图片不能即时显示的问题.不要重写Page_LoadFreetextbox是一个免费的.netmsHTML编辑器。

这里所用的是免费的freetextbox版本是中文版本1.6.3的汉化的freetextbox。

获得的地址。

其中示例是在内联代码方式下，如果在代码后置下使用Freetextbox呢。

1、首先我们把FreeTextBox.dll文件copy到我们的项目中的bin目录里。

然后在我们的项目里添加新的引用，在添加引用对话框选择项目标签，浏览/选择你的FreeTextBox.dll/打开/确定。

应用就添加完成了。

2、如何获得FreeTextBox.dll中所使用到的名字空间，本中文版本1.6.3有3个名字空间。

usingFreeTextBoxControls;

usingFreeTextBoxControls.Design;

usingFreeTextBoxControls.Common;

可以在引用的FreeTextBox.dll查看对象浏览。

点开树型目录就可以清晰的看到，上面所说的名字空间了。

其他的版本类似可以获得。

3、在ASPx文件添加freetextbox

ftb"

具体的方法和内联一样的。

同时cs文件中会有如下代码：

protectedFreeTextBoxControls.FreeTextBoxFreeTextBox1;

产生

添加完后，运行一下就可以看到结果了。

在设计模式下我们还可以查看FreeTextBox属性。

4、如何把FreeTextBox内容写到数据库，我们在ASPx文件中添加一个bottom

其的"

cs文件

protectedvoidmy_add（objectsender,System.EventArgse）

...{

//在此处放置用户代码以初始化页面

Response.Write（FreeTextBox1.Text）;

}

此处是输出内容，可以改成我们需要方法。

例子：

%@PageLanguage="

C#"

AutoEventWireup="

CodeFile="

FreeTextBox.aspx.cs"

Inherits="

%@RegisterValidateRequest="

TagPrefix="

!

DOCTYPEhtmlPUBLIC"

-//W3C//DTDXHTML1.0Transitional//EN"

"

http:

//www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"

htmlxmlns=http:

//www.w3.org/1999/xhtml>

headrunat="

title>

无标题页<

/title>

/head>

body>

formid="

form1"

div>

FreeTextBoxid="

ButtonPath="

//localhost:

2131/nettest/images/ftb/office2003/"

/>

/div>

/form>

/body>

/html>

说明：

这里的ButtonPath如果没有设置好可能出现很多图片无法显示的情况！

ValidateRequest="

也是必须的，要不页面不允许传输带有HTML标记的参数！

花了好长时间来折腾这个,前面很快就弄完了,上传本地图片这个可让我费了劲了,贴出来大家共享一下

这里有FreeTextBox3.1.6的下载

对于.Net2.0来说,配置起来相对简单了很多

只需把Framework-2.0里面的FreeTextBox.dllCopy到项目的bin文件夹底下（未编译之前需要手工创建）

然后创建一个Aspx页面,比如说Default.aspx,在页面里添加

然后在<

formrunat="

里添加<

这样最基本的配置就做完了,你可用他来发布新闻了...简单吧

当然,这样还不足够我们使用,最起码我们也应该能上传个图片啥的,默认情况下,FreeTextBox是没有这个按钮的,需要我们稍微的配置一下,就是在你刚刚引用FreeTextBox的地方,也就是

........"

看到了没,是不是多了个ToolbarLayout,你可以在这里填写:

ParagraphMenu,FontFacesMenu,FontSizesMenu,FontForeColorsMenu,

FontForeColorPicker,FontBackColorsMenu,FontBackColorPicker,Bold,Italic,Underline,

Strikethrough,Super