UMeditor 介绍
UMeditor，简称UM，是 ueditor 的简版。是为满足广大门户网站对于简单发帖框和回复框的需求，专门定制的在线富文本编辑器。我们的目标不仅是要提高在线编辑的编辑体验，也希望能改变前端技术中关于富文本技术的门槛，让大家不再觉得这块是个大坑。
主要特点
加载速度更快: 放弃了使用传统的iframe模式，采用了div的加载方式，以达到更快的加载速度和零加载失败率。
可定制: 配置项完善，可定制程度高。
可扩展: 代码层次拆分清晰，功能以插件形式挂接，可灵活定制需要的功能。
多后台支持: 支持PHP、asp、jsp、.net四种后台部署代码
功能丰富: 支持插入公式、粘贴QQ截屏、拖放上传图片、插入地图、草稿箱功能
入门部署和体验
第一步：下载编辑器
到官网下载 umeditor 最新版源码版本，下载之后打开 _examples/index.html 就可以看到演示例子。
第二步：部署编辑器到页面
解压下载的包，放到你的项目中。在你的页面要插入编辑器的位置，插入代码：
<!-- 加载编辑器的容器 -->
<script id="container" name="content" type="text/plain">
这里写你的初始化内容
</script>
在<head></head>标签最后，插入需要引用的文件和实例化编辑器的代码(注意修改引用文件的路径),其中：UM 依赖 jquery 和 etpl,注意引入文件的顺序
<!-- 样式文件 -->
<link rel="stylesheet" href="./umeditor/themes/default/css/umeditor.css">
<!-- 引用jquery -->
<script src="./umeditor/third-party/jquery.min.js"></script>
<!-- 引入 etpl -->
<script type="text/JavaScript" src="../third-party/template.min.js"></script>
<!-- 配置文件 -->
<script type="text/JavaScript" src="./umeditor/umeditor.config.js"></script>
<!-- 编辑器源码文件 -->
<script type="text/JavaScript" src="./umeditor/umeditor.js"></script>
<!-- 语言包文件 -->
<script type="text/JavaScript" src="./umeditor/lang/zh-cn/zh-cn.js"></script>
<!-- 实例化编辑器代码 -->
<script type="text/JavaScript">
$(function(){
window.um = UM.getEditor('container',{
/* 传入配置参数,可配参数列表看umeditor.config.js */
toolbar: ['undo redo | bold italic underline']
});
});
</script>
网站描述:强大的富文本编辑器，UEditor的Mini版本
UMeditor
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 [email protected] 举报，一经查实，本站将立刻删除。