Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

Appearance settings

hellochenpg/ueditor

Open more actions menu
 
 

Repository files navigation

UEditor

UEditor富文本编辑器

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

入门部署和体验

第一步:下载编辑器

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

第二步:创建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 editor = UE.getEditor('container');
	</script>
</body>
</html>

第三步:在浏览器打开demo.html

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

部署成功

更多使用文档

  1. 部署编辑器

  2. 提交表单并展示内容

  3. 部署编辑器

  4. 拖拽插入和粘贴图片

  5. ASP支持说明

二次开发文档

  1. 注意:正式使用时,需要在build目录下运行merge.bat (运行需要java支持),这个操作会自动把_src的源代码合并到editor_all.js和editor_min.js这样也页面使用自己修改的编辑器的时候,就可以只引用editor_all.js。

  2. 增加一个简单按钮

相关链接

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

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

ueditor 论坛: http://www.ueditorbbs.com

ueditor github 地址: https://github.com/campaign/ueditor

联系我们

email: ueditor@baidu.com

bbs: www.ueditorbbs.com

About

rich text 富文本编辑器

Resources

License

Stars

Watchers

Forks

Packages

No packages published
Morty Proxy This is a proxified and sanitized view of the page, visit original site.