我是用freemarker模板引擎
<script charset="utf-8" src="plugins/wangEdit/wangEditor.min.js"></script>
<div id="div1" class="toolbar"></div>
<div style="padding: 5px 0; color: #ccc">請在下方編輯區輸入文章文章內容</div>
<div id="div2" class="text">
<!--可使用 min-height 實現編輯區域自動增加高度-->
</div>
<script type="text/javascript">
var E = window.wangEditor
var editor = new E('#div1', '#div2') // 兩個參數也可以傳入 elem 對象，class 選擇器
// editor.customConfig.uploadImgShowBase64 = true // 使用 base64 保存圖片
// 配置服務器端地址
editor.customConfig.uploadImgServer = '/test/upload'
// 將圖片大小限制為 3M
editor.customConfig.uploadImgMaxSize = 3 * 1024 * 1024;
// 自定義上傳參數
editor.customConfig.uploadFileName = 'file'
editor.customConfig.uploadImgHooks = {
// 如果服務器端返回的不是 {errno:0, data: [...]} 這種格式，可使用該配置
// （但是，服務器端返回的必須是一個 JSON 格式字符串！！！否則會報錯）
customInsert : function(insertImg, result, editor) {
// 圖片上傳並返回結果，自定義插入圖片的事件（而不是編輯器自動插入圖片！！！）
// insertImg 是插入圖片的函數，editor 是編輯器對象，result 是服務器端返回的結果
// 舉例：假如上傳圖片成功后，服務器端返回的是 {url:'....'} 這種格式，即可這樣插入圖片：
var url = result.url
insertImg(url)
// result 必須是一個 JSON 格式字符串！！！否則報錯
}
}
// 必須放到有關於編輯器設置前面
editor.create()
</script>