HandyEditor 是一套十分轻量且同时适用于手机端和pc端的web富文本编辑器，主要用于让用户在网站上获得所见即所得编辑效果，可以用 HandyEditor 把传统的多行文本输入框(textarea)替换为可视化的富文本编辑器输入框。HandyEditor 使用 JavaScript 编写，可以无缝地与 Java、.NET、PHP、ASP 等程序集成，适合在各种互联网应用上使用。
HandyEditor的基本使用方法
1、引入HandyEditor的javaScript文件
<script src="HandyEditor.min.js"></script>
2、在您的javaScript代码中添加HandyEditor代码
var he = HE.getEditor('editor');//其中的editor是文本输入框(textarea)的id
3、获取编辑器中的内容
he.getHtml();//获取HTML代码
he.getText();//获取纯文本
he.sync();//将编辑器里面的内容同步到文本输入框(textarea)
工具栏的各个参数说明
| # | 工具名称 | 工具解释 |
|---|---|---|
| 1 | bold | 加粗 |
| 2 | italic | 斜体 |
| 3 | strike | 删除线 |
| 4 | underline | 下划线 |
| 5 | fontSize | 字体大小 |
| 6 | fontName | 字体名称 |
| 7 | paragraph | 段落 |
| 8 | color | 字体颜色 |
| 9 | backColor | 背景颜色 |
| 10 | center | 居中 |
| 11 | left | 左对齐 |
| 12 | right | 右对齐 |
| 13 | full | 两端对齐 |
| 14 | indent | 缩进 |
| 15 | outdent | 减少缩进 |
| 16 | link | 链接 |
| 17 | unlink | 取消链接 |
| 18 | textBlock | 文本块 |
| 19 | code | 程序代码 |
| 20 | selectAll | 全选 |
| 21 | removeFormat | 去除格式 |
| 22 | trash | 删除 |
| 23 | image | 插入图片 |
| 24 | expression | 表情 |
| 25 | subscript | 下角标 |
| 26 | superscript | 上角标 |
| 27 | horizontal | 水平线 |
| 28 | orderedList | 有序列表 |
| 29 | unorderedList | 无序列表 |
| 30 | undo | 撤销 |
| 31 | redo | 重做 |
| 32 | html | html代码 |
| 33 | about | 关于HandyEditor |
