应用简介
TQEditor是一款兼具功能强大与体积小巧的在线HTML编辑器。TQEditor 使用 JavaScript 编写,可以无缝地与 PHP、.NET、Java、ASP 等程序集成,支持几乎所有常用的文本编辑功能,并支持Word代码清理、一键排版、自动源码格式化、UBB编辑等功能,兼容目前所有的主流版本的IE、Chrome、Opera、火狐等浏览器。
【功能特点】
1、小身材,JS(72k)+CSS(12k)+图标(19k) 总计71K, 启用gz压缩后不到50K;
2、全浏览器支持, 当前支持 IE6, 7, 8, 9, chrome 8+, FF 3+, Opera 10+, Safari5+;
3、Word代码清理,有效清理从word中粘贴的代码同时保留格式;
4、默认使用SWFUpload组件处理上传, 用户体验超好;
5、自带源码格式化;
6、支持皮肤功能, 只需修改一个CSS即可自定义皮肤;
7、一键自动排版功能,内置自动图文排版, 默认即适合大多数的文章内容排版形式;
8、灵活的扩展功能, 方便按业务需要扩展功能;
9、可视化的UBB编辑功能;
10、方便的事件,接口调用。
【软件特色】
1、上传功能,很多编辑器并没有自带文件和图片上传功能,大都需要通过扩展来实现。而TQEditor将文件图片上传集成编辑器中,默认使用SWFUpload组件处理上传,同时还支持多文件上传。如下图,可以同时选取多张图片上传到服务器中。
2、自动排版,网站编辑人员,例如笔者时常要复制粘贴资讯等一些相关信息,而复制的资讯信息中会夹杂着样式,而TQEditor内置自动图文排版, 默认即适合大多数的文章内容排版形式。但其实TQEditor自动排版的功能很大程度上就相当于格式刷,把多余的代码清除掉,并居中图片。如下两图。
3、自定义皮肤和编辑器背景色,编辑器自带多套皮肤的颜色,完全通过独立的CSS控制。用户完全可以根据自己的风格定制皮肤颜色,下图是fire皮肤色和蓝色背景。
4、事件获取是编辑器通过获取用户的键盘或者鼠标操作的一个特殊的功能,通常用于Ajax无刷新技术等,如聊天室。
5、TQEditor众多功能中,API是做得比较完善的,TQEditor的说明演示中提供了API交互和扩展的API两个实例,API交互可以通过自定义按钮或者链接控制编辑器。 扩展的API可以通过自定义按钮获取编辑器中的相关信息。
【调用方法】
在页面中先载入TQEditor.js:
<script type="text/javascript" src="TQEditor.js" ></script>
在相关的表单字段后添加代码:
<textarea name="content" cols="80" rows="16" id="content"></textarea>
<script type="text/javascript">
new TQEditor('content');//必须在表单域后
</script>
【更新日志】
V2.3.8
1. 改进IE11兼容性
2. 其他的小量bug修复.