山门老酒
如果你不喜欢现在的工作,要么辞职不干,要么就闭嘴不言
2017年7月12日
1 22 333
李克强在陕西考察|棚户居民惊诧:总理对我们日常生活这么清楚 甘肃数名官员非正常死亡 前省委书记被查|中方回应美成功测试萨德 这4个特殊省份书记省长"双空降"|中国领馆:留澳学生千万别干这些事

Get Started

UEditor 介绍

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

1 入门部署和体验

1.1 下载编辑器

到官网下载 UEditor 最新版:[官网地址]

1.2 创建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>

1.3 在浏览器打开demo.html

如果看到了下面这样的编辑器,恭喜你,初次部署成功!

部署成功

1.4 传入自定义的参数

编辑器有很多可自定义的参数项,在实例化的时候可以传入给编辑器:

var ue = UE.getEditor('container', {
	    autoHeight: false
	});

配置项也可以通过 ueditor.config.js 文件修改,具体的配置方法请看前端配置项说明

1.5 设置和读取编辑器的内容

通 getContent 和 setContent 方法可以设置和读取编辑器的内容

var ue = UE.getContent();
	//对编辑器的操作最好在编辑器ready之后再做
	ue.ready(function() {
	    //设置编辑器的内容
	    ue.setContent('hello');
	    //获取html内容,返回: <p>hello</p>
	    var html = ue.getContent();
	    //获取纯文本内容,返回: hello
	    var txt = ue.getContentTxt();
	});

UEditor 的更多API请看API 文档

2 详细文档

UEditor 官网:http://ueditor.baidu.com

UEditor API 文档:http://ueditor.baidu.com/doc

UEditor Github 地址:http://github.com/fex-team/ueditor

3 联系我们

Email:ueditor@baidu.com

Issue:github issue


信息
最近更新