Skip to content
This repository has been archived by the owner on Jan 6, 2023. It is now read-only.

fex-team/ueditor

This branch is 26 commits ahead of, 254 commits behind dev-1.5.0.

Folders and files

NameName
Last commit message
Last commit date
May 29, 2014
May 9, 2014
May 29, 2014
May 29, 2014
May 28, 2014
May 29, 2014
May 27, 2014
May 29, 2014
May 29, 2014
May 29, 2014
May 29, 2014
May 29, 2014
Apr 27, 2014
May 9, 2014
May 16, 2014
Dec 24, 2013
May 28, 2014
May 28, 2014
May 22, 2014
May 29, 2014
Dec 12, 2013

Repository files navigation

Get Started

ueditor富文本编辑器介绍

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

入门部署和体验

第一步:下载编辑器

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

第二步:创建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

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

部署成功

自定义的参数

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

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

配置项也可以通过ueditor.config.js文件修改,具体的配置方法请看[前端配置项说明](http://fex.baidu.com/ueditor/#start-config1.4 前端配置项说明.md)

设置和读取编辑器的内容

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

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

ueditor的更多API请看API 文档

相关链接

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

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

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

详细文档

ueditor 文档:http://fex.baidu.com/ueditor/

联系我们

email:[email protected] issue:github issue