FreeTextBox 3.1.6 的实践总结

FreeTextBox 3.1.6 的实践总结

2008-10-14 12:22

1.如何在客户端用JS获取及设置FreeTextBox的内容？

它提供了Javascript API

获取FTB内容
FTB_API['ctl00_ContentRegion_InputArticle1_FreeTextBox1'].GetHtml();

ctl00_ContentRegion_InputArticle1_FreeTextBox1是FreeTextBox的客户端ID，你可以用
<%=FreeTextBox1.ClientID%>代替

设置FTB内容
var html ="222";
FTB_API['ctl00_ContentRegion_InputArticle1_FreeTextBox1'].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,
JustifyFull;BulletedList,NumberedList,Indent,Outdent;CreateLink,Unlink,
InsertImage,InsertRule,InsertImageFromGallery|Cut,Copy,Paste;Undo,Redo,Print"

至于里面的值如何得到可以参考它官方网站上介绍的特性FreeTextBox 3.0 Features
http://freetextbox.com/features/
直接复制左边的英文介绍
当然如果你是免费用户，是不可能看到全部工具按钮的

3.客户端调用ftb的API函数

FTB_API['ctl00_bcr_FreeTextBox1'].ExecuteCommand('bold');
使字体变为粗体

FTB_API['ctl00_bcr_FreeTextBox1'].ExecuteCommand('italic');
使字体变为斜体

FTB_API['ctl00_bcr_FreeTextBox1'].ExecuteCommand('createlink',null,document.getElementById('LinkUrl').value);"
为文字添加连接