UTEditor是纯JS编写的富文本编辑器，轻巧且简单。下载

使用方法
第一步：引入js,请注意JS路径一定要完整路径，否则无法正常解析使用。
第二步：创建一个textarea并规定id元素名称。
第三步：注册编辑器
new UTEDITOR({
editor:"ut-editor-all",
width:"500px",
height:"100px",
bar:[]
})
其中editor参数值为textarea元素ID名称，width参数、height参数为编辑器宽度与高度
bar为工具栏集合，其中bar参数是可以去除的，但不可为空。

示例一：完整工具栏

代码

<script type="text/javascript" src="http://127.0.0.1/UTEditor/usualtool.editor.5.0.js"></script> <textarea id="ut-editor-all" name="ut-editor-all"></textarea> <script type="text/javascript"> new UTEDITOR({ editor:"ut-editor-all", width:"500px", height:"100px" }) </script>

示例二：自定义工具栏

代码

<script type="text/javascript" src="http://127.0.0.1/UTEditor/usualtool.editor.5.0.js"></script> <textarea id="ut-editor-all" name="ut-editor-all"></textarea> <script type="text/javascript"> new UTEDITOR({ editor:"ut-editor-all", width:"500px", height:"100px", bar:['fontname','fontsize','bold','italic','underline','strikethrough','forecolor','backcolor','image','voice','video','code','emoticon','help'] }) </script>

预设编辑框内容或编辑内容

<textarea id="ut-content">预赋值到编辑框</textarea> <script type="text/javascript" src="http://127.0.0.1/UTEditor/usualtool.editor.5.0.js"></script> <textarea id="ut-editor-all" name="ut-editor-all"></textarea> <script type="text/javascript"> new UTEDITOR({ editor:"ut-editor-all", width:"500px", height:"100px" }) //取元素ut-content的值赋到编辑框 if($("#ut-content").length>0){ insert($("#ut-content").val()); } </script>