##圖片上傳
wangEditor的圖片上傳分為跨域和非跨域兩種情況,但是只能選擇一種使用。 **如果同時使用,則以跨域為準**。
- 非跨域上傳,借用plupload插件,上傳功能強大,支持多文件上傳、拖拽上傳、圖片預覽等,但不支持跨域。 但需要自己寫前端界面,并集成進wangEditor中。
- 跨域上傳,采用wangEditor自帶的上傳組件,功能簡單。 無需自己編寫界面,只需要傳入 url 地址即可。 但需要服務器后臺做相應的處理。
可根據自己項目的情況,選擇使用其中一個。
>PS: 我暫時沒有找到 plupload 跨域上傳的方法,如果有同學知道,不妨給我分享一下!
```js
//圖片上傳的配置參數
var editor = $('#textarea1').wangEditor({
uploadImgComponent: $('#someId'), //非跨域圖片上傳組件
uploadUrl: '...' //跨域圖片上傳的url
});
```
- 關于wangEditor
- 基本應用
- 開始使用
- 下載wangEditor
- 創建頁面
- 生成編輯器
- 與font-awesome的沖突
- 設置高度
- 設置絕對高度
- 默認高度和最大高度
- 初始化內容
- html方式
- javascript方式
- 獲取內容
- 追加內容
- 基本配置
- 自定義配置菜單
- 配置onchange監聽事件
- 自定義配置表情圖標
- 簡單表情
- 多組表情
- 配置代碼高亮
- 下載highlight
- 使用highlight
- 與wangEditor集成
- 不過濾javascript代碼
- 圖片上傳
- 非跨域
- 使用plupload做一個上傳圖片的頁面
- 在頁面加入wangEditor
- 將兩者結合
- 后臺代碼示例
- C#
- java
- php
- nodejs
- 征集
- 跨域
- 下載 wangEditor_uploadImg_assist.html
- 編寫后臺代碼
- 配置url地址
- 后臺代碼示例
- C#
- java
- python
- nodejs
- 征集
- 粘貼截圖
- 其他
- 多語言支持
- 默認中文
- 使用英文
- 使用其他語言
- 單頁多個編輯器
- 使用requirejs
- 使用seajs
- 增加 placeholder 功能
- 定制開發