UMeditor 介绍
UMeditor,简称UM,是 ueditor 的简版。是为满足广大门户网站对于简单发帖框和 回复 框的需求,专门定制的在线富文本编辑器。我们的目标不仅是要提高在线编辑的编辑体验,也希望能改变前端技术中关于富文本技术的门槛,让大家不再觉得这块是个大坑。
主要特点
轻量 : 主 文件 的 代码 量为139k。
加载速度更快 : 放弃了使用传统的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.con fig .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.con fig .js */
toolbar: ['undo redo | bold italic underline']
});
});
</script>
网站地址 : http://ueditor.baidu.com
网站描述: 强大的富文本编辑器,UEditor的Mini版本
UMeditor官方网站
官方网站: http://ueditor.baidu.com
如果觉得 网站内容还不错,欢迎将 网站 推荐给程序员好友。