jquery富文本在线编辑器UEditor

霸气de小男生 提交于 2020-01-09 06:56:04

UEditor 是由百度「FEX前端研发团队」开发的所见即所得富文本web编辑器,具有轻量,可定制,注重用户体验等特点,开源基于MIT协议,允许自由使用和修改代码。

UEditor的功能非常强大,官方已配备了php,asp,asp.net,java等语言的上传程序,拿来就可以使用,当然ueditor更具有功能插件接口,很轻松地添加自己定义功能到编辑器中,方便项目的不同需求。

使用方法

因为本插件是百度「FEX前端研发团队」开发,在官方有较强细的中文文档,本站做的目的只是让朋友们知道有这么个好插件而已,因此文档手册、下载、实例全链接到官方。

 

下载你需的要的语言版本,然后解压,在解压目录建立一个名为demo的html文件,代码如下

 1 <!DOCTYPE HTML>
 2 <html>
 3 <head>
 4 <meta charset="UTF-8">
 5 <title>ueditor demo</title>
 6 </head>
 7 <body>
 8 <!-- 加载编辑器的容器 -->
 9 <script id="container" name="content" type="text/plain">
10 这里写你的初始化内容
11 </script>
12 <!-- 配置文件 -->
13 <script type="text/javascript" src="ueditor.config.js"></script>
14 <!-- 编辑器源码文件 -->
15 <script type="text/javascript" src="ueditor.all.js"></script>
16 <!-- 实例化编辑器 -->
17 <script type="text/javascript">
18 var ue = UE.getEditor('container');
19 </script>
20 </body>
21 </html>

OK,完成以上工作,用浏览器打开demo.html,如果你看到以下的画面,那么恭喜你,初次部署成功!

 

 

下载地址: 官方下载

易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!