一款小身材大功能的网页在线编辑器

点击蓝字默默关注

整理 | 叶子

一、软件介绍

TQEditor 是一款体积小巧且功能强大、扩展性好、全浏览器支持的在线编辑器。

特点

• 小身材,JS(56k)+CSS(8k)+图标(7k) 总计71K, 启用gz压缩后不到30K

• 全浏览器支持, 当前支持 IE6, 7, 8, 9, chrome 8+, FF 3+, Opera 10+, Safari5+

• Word代码清理,有效清理从word中粘贴的代码同时保留格式

• 默认支持多文件上传, 同时有上传历史记录, 用户体验超好

• 自带源码格式化

• 支持皮肤功能, 只需修改一个CSS即可自定义皮肤

• 一键自动排版功能,内置自动图文排版, 默认即适合大多数的文章内容排版形式

• 灵活的扩展功能, 方便按业务需要扩展功能

• 人性化的表格操作。如并单元格，设置单合格背景色，文字色，增加行列等

• 可视化的UBB编辑功能。

二、项目地址

http://www.e512.net/tqeditor/download.htm

三、使用

1.配置

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

2.工具栏配置

<script type="text/javascript" src="../TQEditor/TQEditor.js" charset="utf-8"></script>

<link type="text/css" rel="stylesheet" href="../TQEditor/TQEditor.css" />

在js同目录下放入icon.gif

如：new TQEditor('content',{toolbar:['bold','italic','underline','|','forecolor','backcolor','removeformat'],toolbarRight:['help']});

3.得到内容

var e = new TQEditor();

e.content();

参考资料：

https://my.oschina.net/yale8848/blog/170736

往期推荐

扫码关注最新动态

公众号ID:fosslab

我就知道你“在看”