天天看點

Ueditor配置及在項目中的使用

Ueditor配置及在項目中的使用

一,修改配置檔案ueditor.config.js,配置ueditor路徑

上傳圖檔的路徑配置。這裡将上傳的檔案放入網站根目錄upload檔案夾下,修改配置檔案,将修正位址改為url+“../”

Ueditor配置及在項目中的使用
Ueditor配置及在項目中的使用

同時修改uploader.cs類檔案,添加“~/”

config.cs類

Ueditor配置及在項目中的使用
Ueditor配置及在項目中的使用

二,建立ueditor.ascx使用者控件頁。

1.引入需要的js檔案

2.添加editor容器,并執行個體化uditor

Ueditor配置及在項目中的使用
Ueditor配置及在項目中的使用

3,ueditor.ascx.cs代碼,設定常用屬性,這樣就可以在引入使用者控件的頁面,動态的設定屬性了。

Ueditor配置及在項目中的使用
Ueditor配置及在項目中的使用

将使用者控件拖入test.aspx頁面。

Ueditor配置及在項目中的使用
Ueditor配置及在項目中的使用

結果:

Ueditor配置及在項目中的使用

需要将uploader.cs和config.cs的屬性中生成操作改為“内容”,還應注意路徑問題。

Ueditor配置及在項目中的使用
Ueditor配置及在項目中的使用

 選擇圖檔單擊确定,就可以将圖檔加入編輯器

Ueditor配置及在項目中的使用

 測試擷取編輯器内容,文字及圖檔等資訊。這裡必須在web.config配置檔案中取消校驗,因為擷取到的内容可能含有标簽,如果添加,則會出現如下黃頁錯誤

Ueditor配置及在項目中的使用

在ueditor/net/web.config中将下面的資訊,複制到網站的web.config中即可。

 測試:

結果

Ueditor配置及在項目中的使用

比如在寫随筆的時候,編輯功能的實作,就是這種将資料庫中存的内容,重新填入編輯器,編輯後然後儲存。這裡,由于lz電腦重裝系統後,sql一直安裝不上就不再測試了。

已經将該實作封裝在使用者控件的cs中了,可以直接将得到的htmlencode字元串賦給setcontents屬性即可。

ueditor在使用的時候,路徑确實是很頭疼的問題,這裡将其放入使用者控件頁,也是使用友善的一種途徑。

部落格位址:

<a href="http://www.cnblogs.com/wolf-sun">http://www.cnblogs.com/wolf-sun/</a>

部落格版權:

本文以學習、研究和分享為主,歡迎轉載,但必須在文章頁面明顯位置給出原文連接配接。

如果文中有不妥或者錯誤的地方還望高手的你指出,以免誤人子弟。如果覺得本文對你有所幫助不如【推薦】一下!如果你有更好的建議,不如留言一起讨論,共同進步!

再次感謝您耐心的讀完本篇文章。

轉載:http://www.cnblogs.com/wolf-sun/p/3495247.html