ASP.NET中集成百度編輯器UEditor_.Net教程

教程Tag：暫無Tag,歡迎添加,賺取U幣!

推薦：asp.net實(shí)現(xiàn)文件無刷新上傳方法匯總
本文給大家介紹的是asp.net實(shí)現(xiàn)文件無刷新上傳的2種方法，分別是使用swfupload插件和uploadify插件，講述的十分細(xì)致全面，附上示例，有需要的小伙伴可以參考下。遇到上傳文件的問題，結(jié)合之前用到過的swfUpload，又找了一個無刷新上傳文件的jquery插件uploadify，寫篇

　　本文給大家講解的是如何在ASP.NET中集成百度編輯器UEditor的方法和具體的步奏，十分的詳細(xì)，有需要的小伙伴可以參考下。

　　0.ueditor簡介

　　UEditor是由百度WEB前端研發(fā)部開發(fā)的所見即所得的開源富文本編輯器，具有輕量、可定制、用戶體驗(yàn)優(yōu)秀等特點(diǎn)。開源基于BSD協(xié)議，所有源代碼在協(xié)議允許范圍內(nèi)可自由修改和使用。

　　UEditor官網(wǎng)：http://ueditor.baidu.com/website/index.html

　　UEditor官方文檔地址: http://fex.baidu.com/ueditor/

　　1.將ueditor包導(dǎo)入項(xiàng)目

　　將從官網(wǎng)上下載的開發(fā)包解壓后包含到項(xiàng)目中

　　(注:最新的代碼需要時基于.NETFramework4以上)

　　解壓后目錄下文件如下：

　　index.html 是一個示例文件、可以刪去，ueditor.config.js中是一些富文本編輯器的設(shè)置，建議不要改動，可以在頁面中引用的時候設(shè)置，如果所有頁面都需要設(shè)置可以寫在一個js文件中，dialogs是在文本框中點(diǎn)擊按鈕時用到的一些彈出框效果，lang文件夾下是語言相關(guān)的設(shè)置，目前只有中文與英文，themes文件夾下是一些樣式，third-party文件夾下是一些第三方的插件，有代碼高亮，截屏等

　　我在我的項(xiàng)目中新建了一個ueditorHelper.js文件，在文件中定義了一些ueditor常用的方法，以及對于ueditor的一些設(shè)置

　　在net目錄下，我們只保留controller.ashx與config.json就可以了，同時把App_Code中的代碼拷貝到項(xiàng)目中的App_Code中，同時添加對bin目錄下Json.NET程序集的引用，config.json文件定義了一些設(shè)置，配置上傳文件的一些要求以及上傳到服務(wù)器保存的路徑，在web.config文件中可以看到項(xiàng)目框架應(yīng)至少為4.0

　　2.在頁面中添加js引用，在頁面中引用

　　添加zh-cn.js文件是要設(shè)置語言，防止自動識別語言錯誤而導(dǎo)致語言適配錯誤，UEditorHelper.js文件是一些常用的方法和編輯器設(shè)置的封裝，查看index.html的源代碼，在其中有一段js代碼

　　自定義的UEditorHelper.js文件中使用到了一些方法，并對第一行代碼進(jìn)行了修改，進(jìn)行 ueditor富文本編輯器的設(shè)置

　　3.頁面初始化

　　在需要添加富文本編輯器的地方加入以下代碼：

　　4.編輯內(nèi)容時，頁面的加載(ajax加載內(nèi)容)

　　因?yàn)楦晃谋揪庉嬈髦皇巧傻囊欢蝖tml代碼，我們需要利用Ajax動態(tài)加載內(nèi)容，相比CKEditor來說，這是比較麻煩的地方，使用CKEditor可以直接使用封裝好的服務(wù)器端控件，當(dāng)然也可以不用服務(wù)器端控件利用Ajax動態(tài)加載內(nèi)容。

　　首先在頁面加載時獲取到新聞的id，然后再進(jìn)行ajax查詢，查詢新聞封裝在了一個handler中，向這個handler發(fā)起ajax請求，請求參數(shù)為新聞id，獲取新聞，獲取到之后，把新聞的內(nèi)容設(shè)置給ueditor

　　?

　　以上所述就是本文的全部內(nèi)容了，希望大家能夠喜歡。

分享：ASP.Net刷新頁面后自動滾動到原來位置方法匯總
本文給大家匯總了3種ASP.Net實(shí)現(xiàn)的刷新頁面后自動滾動到原來位置方法，十分的簡單實(shí)用，有需要的小伙伴可以參考下。在網(wǎng)上搜索之后總結(jié)了三種方式： 1.設(shè)置Page中的MaintainScrollPositionOnPostback屬性為true A.頁面里有MaintainScrollPositionOnPostback，默認(rèn)是fal