## 安装
你可以直接去[官网](https://eleditor.fixel.cn/download.html)或者[码云](https://git.coding.net/hihwp/Eleditor.git)上下载zip包，解压并放到你的项目目录
> 压缩包目录结构
├──── layout // 编辑器样式目录
├── webuploader.min.js // WebUploader上传插件，当使用图片上传时需引入。
├── jquery.min.js // Eleditor依赖jQuery或者Zepto，必须引入才能工作
├── Eleditor.js // 开发版本
├── Eleditor.min.js // 压缩版本
└── upload.json // 上传示例文件
## 创建一个页面
首先新建一个HTML，编写以下代码
~~~
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Demo</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
<!-- 引入jQuery -->
<script src="Eleditor目录/jquery.min.js"></script>
<!-- 引入百度上传插件 -->
<script src="Eleditor目录/webuploader.min.js"></script>
<!-- 插件核心 -->
<script src="Eleditor目录/Eleditor.js"></script>
<style>
*{margin: 0;padding: 0;}
#article-body{
width: 100%;
min-height: 300px;
box-sizing: border-box;
padding: 10px;
color: #444;
}
</style>
</head>
<body>
<!-- 内容编辑区域 -->
<div id="article-body"></div>
<script>
/*实例化一个编辑器*/
var artEditor = new Eleditor({
el: '#article-body',
upload:{
server: '/upload.php',
fileSizeLimit: 2
}
});
</script>
</body>
</html>
~~~
完成后浏览器打开，此时编辑器创建完成，效果如下，后续章节将讲解如何配置文件上传和扩展编辑器
