用FreeTextBox 3.2.4 ToolbarLayout -

sh2015yao

浏览: 139318 次
性别:
来自: 上海

最近访客更多访客>>

tianqing880227

tang3567

cuityan

tgb

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

用FreeTextBox 3.2.4 ToolbarLayout

博客分类：

在线编辑器

IE Web Blog

下面有个自己写的demo

一, 安装

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

根据你的开发环境添加,有1.0,1.1和2.0得3种

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

<%@ Register TagPrefix="FTB" Namespace="FreeTextBoxControls" Assembly="FreeTextBox" %>

3) Web.config加入如下代码

<?xml version="1.0" encoding="utf-8" ?>
2

<configuration>
3

<system.web>
4

<httpHandlers>
5

<add verb="GET" path="FtbWebResource.axd" type="FreeTextBoxControls.AssemblyResourceHandler, FreeTextBox" />
6

</httpHandlers>
7

<system.web>
8

二,使用FreeTextBox

1) 调用

<FTB:FreeTextBox id="FreeTextBox1" runat="Server" />

(一定要放在<form>标记内)

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

<%@ Page language="c#"

ValidateRequest="false"%>

(这个是防止上传图片时遇到得一些问题,一定要写)

通过以上2步,再自己编写一些代码.就基本可以使用了,但还不具有上传图片的功能

三,图片上传
1) 工具栏上添加ImageGallery按钮.

<FTB:FreeTextBox id="FreeTextBox1" runat="Server" OnSaveClick="FreeTextBox1_SaveClick" ToolbarLayout=InsertImageFromGallery />

(ToolbarLayout属性有很多值可以赋予,若只写InsertImageFromGallery,那么只会出现一个上传图片的按钮,其他的就不会显示.网上查到了另外一些供大家参考ToolbarLayout=" ParagraphMenu, FontFacesMenu, FontSizesMenu, FontForeColorsMenu,

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

Strikethrough, Superscript, Subscript, RemoveFormat| JustifyLeft, JustifyRight, JustifyCenter,

JustifyFull; BulletedList, NumberedList, Indent, Outdent; CreateLink, Unlink, InsertImage| Cut,

Copy, Paste, Delete, Undo, Redo, Print, Save| SymbolsMenu, StyleMenu, InsertHtmlMenu| InsertRule,

InsertDate, InsertTime| InsertTable, EditTable; InsertTableRowBefore, InsertTableRowAfter,

DeleteTableRow; InsertTableColumnBefore, InsertTableColumnAfter, DeleteTableColumn| InsertForm,

InsertDiv, InsertTextBox, InsertTextArea, InsertRadioButton, InsertCheckBox, InsertDropDownList,

InsertButton| InsertImageFromGallery, Preview, SelectAll, WordClean, EditStyle, ieSpellCheck"

Bold    加粗
BulletedList 项目符号
Copy    复制
CreateLink    插入链接
Cut     剪切
Delete    删除
DeleteTableColumn 删除一列(En)
DeleteTableRow    删除一行(En)
IeSpellCheck IE拼写检查(En 需要安装拼写检查软件)
Indent    增加缩进
InsertDate 插入日期
InsertImage 插入图片
InsertRule 插入水平线(En)
InsertTable 插入表格(En)
InsertTableColumnAfter 插入表格列在后面(En)
InsertTableColumnBefore 插入表格列在前面(En)
InsertTableRowAfter 插入表格行在后面(En)
InsertTableRowBefore 插入表格行在前面(En)
InsertTime 插入时间
Italic 斜体
JustifyCenter 居中
JustifyFull 两端对齐
JustifyLeft 左对齐
JustifyRight 右对齐
NetSpell 网络拼写检查(En)
NumberedList 编号
Outdent 减少缩进
Paste 粘贴
Print 打印
Redo    重复
RemoveFormat 删除所有格式
Save    保存(En)
StrikeThrough    删除线
Subscript 下标
Superscript 上标
Underline 下划线
Undo    撤消
Unlink    删除链接

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

四,FreeTextBox 其他的一些属性

1)工具栏皮肤

ToolbarStyleConfiguration = Offoce2003/OfficeXP/Office2000/officeMAC

2)设置语言

FreeTextBox1.Language=zh-cn

(中文,其他得在Language文件夹里都有)

在使用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")）。

freetextbox:图片路径是完全路径，例如：http://localhost/testFTB/images/test.jpg

不好的地方就是，在图片名称完全相同的情况下是覆盖原有文件的

引用于：http://hi.baidu.com/postmasters/blog/item/8d7b513e4a15e13c70cf6ced.html