网友评分:
5.8分
ueditor这个开源的在线HTML编辑,由百度web前端研发部开发具有轻量,可定制,注重用户体验等特点,开源基于MIT协议,允许自由使用和修改代码,可以让开发者可以直接实时预览到编辑效果。
功能全面:涵盖流行富文本编辑器特色功能,独创多种全新编辑操作模式。
用户体验:屏蔽各种浏览器之间的差异,提供良好的富文本编辑体验。
开源免费:开源基于MIT协议,支持商业和非商业用户的免费使用和任意修改。
定制下载:细粒度拆分核心代码,提供可视化功能选择和自定义下载。
创建demo文件
解压下载的包,在解压后的目录创建 demo.html 文件,填入下面的html代码
<!DOCTYPE HTML>
<html lang="en-US">
<head>
<meta charset="UTF-8">
<title>ueditor demo</title>
</head>
<body>
<!-- 加载编辑器的容器 -->
<script id="container" name="content" type="text/plain">
这里写你的初始化内容
</script>
<!-- 配置文件 -->
<script type="text/javascript" src="ueditor.config.js"></script>
<!-- 编辑器源码文件 -->
<script type="text/javascript" src="ueditor.all.js"></script>
<!-- 实例化编辑器 -->
<script type="text/javascript">
var ue = UE.getEditor('container');
</script>
</body>
</html>
在浏览器打开demo.html
如果看到了下面这样的编辑器,恭喜你,初次部署成功!
如何使用补丁文件
一般的补丁文件都会是一个js的文件,它的命令规则是 ueditor-patch-issue号.js,issue 号是 github 的 issue 编号
<script type="text/javascript" charset="utf-8" src="ueditor.config.js"></script>
<script type="text/javascript" charset="utf-8" src="ueditor.all.min.js"></script>
<!--一定要在这个下边加载相应的patch文件-->
<script type="text/javascript" charset="utf-8" src="ueditor-patch-149.js"></script>