FreeTextBox316.docx

1、FreeTextBox316FreeTextBox 3.1.6 的实践总结和几个问题 经验：1.如何在客户端用JS获取及设置FreeTextBox的内容？它提供了Javascript API获取FTB内容FTB_APIctl00_ContentRegion_InputArticle1_FreeTextBox1.GetHtml();ctl00_ContentRegion_InputArticle1_FreeTextBox1是FreeTextBox的客户端ID，你可以用代替设置FTB内容var html =222;FTB_APIctl00_ContentRegion_InputArticle1_F

2、reeTextBox1.SetHtml(html);2.如何把FreeTextBox的所有工具按钮显示出来设置它的ToolbarLayout属性ToolbarLayout=ParagraphMenu,FontFacesMenu,FontSizesMenu,FontForeColorsMenu|Bold,Italic,Underline,Strikethrough;Superscript,Subscript,RemoveFormat,Insert Date,Insert Time,SelectAll,Preview|JustifyLeft,JustifyRight,JustifyCenter,J

3、ustifyFull;BulletedList,NumberedList,Indent,Outdent;CreateLink,Unlink,InsertImage,InsertRule,InsertImageFromGallery|Cut,Copy,Paste;Undo,Redo,Print至于里面的值如何得到可以参考它官方网站上介绍的特性FreeTextBox 3.0 Features直接复制左边的英文介绍当然如果你是免费用户，是不可能看到全部工具按钮的3.客户端调用ftb的API函数FTB_APIctl00_bcr_FreeTextBox1.ExecuteCommand(bold);使字体

4、变为粗体FTB_APIctl00_bcr_FreeTextBox1.ExecuteCommand(italic);使字体变为斜体FTB_APIctl00_bcr_FreeTextBox1.ExecuteCommand(createlink,null,document.getElementById(LinkUrl).value);为文字添加连接问题1：我想实现自动保存功能，所以想捕获ftb的onTextchange事件在客户端，如何捕获官方论坛上给出如下解决方案，我式了不行Property:ClientSideTextChanged=CharCount ORClientSideTextChang

5、ed=SetTextBoxJavascriptfunction CharCount(ftb)var html = ftb.GetHtml();var o = document.getElementById(charcnt);o.value = html.length;window.status = html.length;function SetTextBox(ftb)var html = ftb.GetHtml();var o = document.getElementById(textwritten);o.value = ftb.GetHtml();问题2：我设置好了ImageGaller

6、yPath ，也能弹出ImageGallery，但是默认图片为叉子 ，如何处理 请有过相关经验的高手指点一下 最新版FreeTextBox(版本3.1.6)在ASP.Net 2.0中使用简解(提供博客园本地下载) 简介：对于FreeTextBox(版本3.1.6)在ASP.Net 2.0中使用,只需要2个文件：FreeTextBox.DLL和ftb.imagegallery.aspx1。下载最新版FreeTextBox(版本3.1.6),解压 FreeTextBox 3.1.6 (2006/07/18) 博客园本地下载： 作者网站下载地址： 详细版本有哪些改进和修改历史可以看这里：FreeTe

7、xtBox 3.1.6 (2006/07/18) * BUG: Firefox postback problems (due to IE specific code) * CHANGE: createlink now requires text to be selected * BUG: FontSizesMenuList now functions correctly * BUG: IE users would see the tag path of the entire document * BUG: WordClean fix for tags * BUG: bug in FF vs.

8、IE DOM handling of extra n tag Free版本的收费版本的区别可以看这里：2。打开ASP.Net2.0项目，添加引用。（如果添加过以前版本的FreeTextBox，先删除以前版本的引用）2.1。拷贝ftb.imagegallery.aspx到你要使用FreeTextBox的目录（当然可以是其他，但是可能要设置路径）3。将FreeTextBox添加到工具栏。（工具栏常规选择项浏览到DLL文件，添加）4。可以将工具栏上的控件拖入到你的页面了 FTB:FreeTextBox ID=Free1 ImageGalleryPath=/ImageAdmin runat=serve

9、r Text= ButtonDownImage=True ToolbarLayout=ParagraphMenu,FontFacesMenu,FontSizesMenu,FontForeColorsMenu|Bold,Italic,Underline,Strikethrough;Superscript,Subscript,RemoveFormat|JustifyLeft,JustifyRight,JustifyCenter,JustifyFull;BulletedList,NumberedList,Indent,Outdent;CreateLink,Unlink,InsertImage,Ins

10、ertImageFromGallery,InsertRule|Cut,Copy,Paste;Undo,Redo,Print 4.1。修改ImageGalleryPath属性为你图片的放置目录。5。Q&A5.1。Q：怎么不能新建目录，上传文件等？ A：修改ftb.imagegallery.aspx页面可以做到 修改AllowImageDelete等属性5.2。Q：怎么没有看到“从图片库插入图片”这个图标？ A：修改的ToolbarLayout属性，添加一个InsertImageFromGallery，上面代码的例子就是已经添加好的。5.3。Q：按钮怎么是英文提示？ A：有个属性叫做Languag

11、e，把默认的en-US改称zh-CN吧，就是中文简体了，听说这个版本带了25种语言呢。版本: FreeTextBox 3.1.6 ASP.NET1.11.下载 FreeTextBox 3.1.6 (released 2005/11/08) 2. 安装FreeTextBox 3.0以上版本均支持内部模式,即图片资源和javascript都集成在dll中, 本文仅探讨内部模式(Internal Resources).1) 把FTBv3-1-1Framework-1.1FreetextBox.dll拷入bin目录.2) 在项目中添加FreetextBox.dll的dll引用3) Web.config

12、加入如下代码12 3 4 5 6 7 8 3. 使用FreeTextBox 1) aspx页面顶上2) 调用 3)工具栏皮肤ToolbarStyleConfiguration = Offoce2003/OfficeXP/Office2000/MAC4) 得到保存编辑的内容 1 private void InitializeComponent() 2 3 / 指向同一个委托 4 this.FreeTextBox1.SaveClick += new System.EventHandler this.FreeTextBox1_SaveClick); 5 this.Button1.Click += n

13、ew System.EventHandler(this.FreeTextBox1_SaveClick); 6 7 8 private void FreeTextBox1_SaveClick(object sender, System.EventArgs e) 9 10 divshow.InnerHtml = FreeTextBox1.Text;11 5) 客户端中检测到有潜在危险的 Request.Form 值4 图片上传1) 工具栏上添加ImageGallery按钮.2) 拷贝 ftb.imagegallery.aspx 文件到同一目录下 3) FreeTextBox 属性设置ImageGa

14、lleryPath = /image/upload 上传默认路径ImageGalleryUrl = ftb.imagegallery.aspx?rif=0&cif=0 ftb.imagegallery.aspx的目录, 只能用相对目录,不可以用4) ImageGallery 的设置ftb.imagegallery.aspx文件里AllowDirectoryCreate - 能否建立文件夹AllowDirectoryDelete - 能否删除文件夹AllowImageUpload - 能否上传图片AllowImageDelete - 能否删除图片AcceptedFileTypes - 可以上传文

15、件扩展名的数组(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_LoadFreetextbox是一个免费的.net msHTML 编辑器。这里所用的是免费的freetextbox版本是中文版

16、本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 Fre

17、eTextBoxControls.Common;可以在引用的FreeTextBox.dll 查看对象浏览。点开树型目录就可以清晰的看到，上面所说的名字空间了。其他的版本类似可以获得。3、在ASPx文件添加freetextbox具体的方法和内联一样的。同时cs文件中会有如下代码：protected FreeTextBoxControls.FreeTextBox FreeTextBox1;产生添加完后，运行一下就可以看到结果了。在设计模式下我们还可以查看FreeTextBox 属性。4、如何把FreeTextBox 内容写到数据库，我们在ASPx文件中添加一个bottom其的cs文件protect

18、ed void my_add(object sender, System.EventArgs e) . / 在此处放置用户代码以初始化页面 Response.Write(FreeTextBox1.Text); 此处是输出内容，可以改成我们需要方法。例子：无标题页说明：这里的ButtonPath如果没有设置好可能出现很多图片无法显示的情况！ValidateRequest=false也是必须的，要不页面不允许传输带有HTML标记的参数！花了好长时间来折腾这个,前面很快就弄完了,上传本地图片这个可让我费了劲了,贴出来大家共享一下 这里有FreeTextBox3.1.6的下载对于.Net2.0来说,配

19、置起来相对简单了很多只需把 Framework-2.0 里面的 FreeTextBox.dll Copy到项目的bin文件夹底下(未编译之前需要手工创建)然后创建一个Aspx页面,比如说Default.aspx,在页面里添加然后在里添加这样最基本的配置就做完了,你可用他来发布新闻了.简单吧当然,这样还不足够我们使用,最起码我们也应该能上传个图片啥的,默认情况下,FreeTextBox是没有这个按钮的,需要我们稍微的配置一下,就是在你刚刚引用FreeTextBox的地方,也就是 看到了没,是不是多了个ToolbarLayout,你可以在这里填写:ParagraphMenu, FontFacesMenu, FontSizesMenu, FontForeColorsMenu, FontForeColorPicker, FontBackColorsMenu, FontBackColorPicker, Bold, Italic, Underline,Strikethrough, Super