## 安裝
你可以直接去[官網](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>
~~~
完成后瀏覽器打開，此時編輯器創建完成，效果如下，后續章節將講解如何配置文件上傳和擴展編輯器
