FreeTextBox 3.1.6 的实践总结和几个问题
经验:
1.如何在客户端用JS获取及设置FreeTextBox的内容?
它提供了Javascript API
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);"
为文字添加连接
问题1:我想实现自动保存功能,所以想捕获ftb的onTextchange事件在客户端,如何捕获
官方论坛上给出如下解决方案,我式了不行
Property:
ClientSideTextChanged="CharCount"
OR
ClientSideTextChanged="SetTextBox"
Javascript
function 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:我设置好了 ImageGalleryPath ,也能弹出 ImageGallery,但是默认图片为叉子 ,如何处理
UseToolbarBackGroundImage="True" ButtonSet="Office2003" ImageGalleryUrl="/aspnet_client/FreeTextBox/ftb.imagegallery.aspx?rif={0}&cif={0}"
Language="zh-CN" 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"
Width="700px">
</FTB:FreeTextBox>
请有过相关经验的高手指点一下
FreeTextBox 3.1.6 的实践总结和几个问题相关推荐
- FreeTextBox 3.1.6 的实践总结
FreeTextBox 3.1.6 的实践总结 2008-10-14 12:22 1.如何在客户端用JS获取及设置FreeTextBox的内容? 它提供了Javascript API 获取FTB内容 ...
- Golang TDD实践报告:快速排序Quick Sort
Golang TDD实践报告:快速排序Quick Sort [阅读时间:约5分钟] 0.项目需求 1.编写符合项目输入输出的一个测试 2.尝试运行测试 3.先使用最少的代码来让失败的测试先跑起来 4. ...
- 编写高性能Java代码的最佳实践
编写高性能Java代码的最佳实践 摘要:本文首先介绍了负载测试.基于APM工具的应用程序和服务器监控,随后介绍了编写高性能Java代码的一些最佳实践.最后研究了JVM特定的调优技巧.数据库端的优化和架 ...
- 【K8S实践】关于Kubernetes Dashboard的实践学习
前言: 陆陆续续,学k8s一个月了,从开始看docker容器书,视频,怎么都无法上手:到后来闷着头实践地傻瓜式操作:到今天整个完全串通好!感觉到学习也是一段深刻的成长经历! 过程: 这个过程中使用的工 ...
- 提高期——SLA实践指导秘籍
前言: 第二遍看提高期的SLA文档,开始提高期的第一个项目. 感受: 这个秘籍和自己看的<番茄工作法图解>非常像,写作风格和内容量上. 从大脑的功能分析,为什么要这样做.我们的学习方法符合 ...
- Spring Data JPA 五分钟快速入门和实践
Spring Data JPA(类似于Java Web 中的 DAO) 操作声明持久层的接口(Repository) 三个核心接口: CrudRepository PagingAndSortingRe ...
- TVM优化c++部署实践
TVM优化c++部署实践 使用TVM导入神经网络模型: 模型支持pytorch , tensorflow , onnx, caffe 等.平时pytorch用的多,这里给一种pytorch的导入方式. ...
- Dockerfile构建实践
Dockerfile构建实践 本文介绍了用于构建有效图像的推荐最佳实践和方法. Docker通过从一个Dockerfile文本文件中读取指令来自动构建映像,该文本文件按顺序包含构建给定映像所需的所有命 ...
- Tensor基础实践
Tensor基础实践 飞桨(PaddlePaddle,以下简称Paddle)和其他深度学习框架一样,使用Tensor来表示数据,在神经网络中传递的数据均为Tensor. Tensor可以将其理解为多维 ...
最新文章
- 找出文件1中有而文件2中没有的数据
- 1112-博客十大评论
- Ceph 的用户管理与认证
- 安装SAP Business One对软硬件有哪些要求
- 用DELPHI的RTTI实现对象的XML持久化 【转】
- 不同测试阶段,不同测试类型的区别于联系
- Python 函数参数传递
- ubuntu_常用命令_01
- 史上最全Java多线程面试题
- 聚簇索引和非聚簇索引详解
- 解读新突破“中国量子计算机”,真比神威·太湖之光还厉害?
- 单元测试spock框架基础
- innobackupex 恢复到mysql目录_innobackupex备份mysql恢复后迁移到新的mysql实例
- 持久化存储与HTTP缓存
- 数据仓库系列7-ETL 子系统与技术
- 正确认识使用Word模板
- tomcat之连接器
- 牛客寒假基础集训营 | Day1 G-eli和字符串
- UEBA中的行为基线分析
- python 妹子图抓取