天天看點

【HTML5+MVC4】xhEditor網頁編輯器圖檔上傳

準備工作:

建立一個MVC項目中,添加好xhEditor插件

相關用法:http://www.cnblogs.com/xcsn/p/4701497.html

注意事項:xhEditor分為v1.1.14和v1.2.2兩個版本

如果用v1.1.14,jq版本<1.8,如果使用,請下載下傳http://jquery.com/download/的 jQuery Migrate Plugin,即可支援

1.定義模闆RichText.cshtml

檔案路徑:Views/Shared/EditorTemplates/

2.編輯器圖檔上傳的控制器方法,注意要修改配置檔案資訊,包含圖檔上傳路徑和域名

3.設定Model字段類型

4.頁面添加

如果你隻是為了測試下,使用以下測試頁面,再加上 第二步即可。

以下相關代碼請根據自己的情況修改

效果圖:

【HTML5+MVC4】xhEditor網頁編輯器圖檔上傳

繼續閱讀