首先了解在線(xiàn)文本編輯環(huán)境FCKeditor的使用方法,然后使用FCKeditor實(shí)現(xiàn)設(shè)計(jì)一個(gè)發(fā)表日志文章的頁(yè)面。
學(xué)習(xí)內(nèi)容
1、將FCKeditorV2.dll文件添加到工具箱。
右擊工具箱中的任一控件組,在彈出的快捷菜單中選擇“選擇項(xiàng)”,彈出“選擇工具箱項(xiàng)”對(duì)話(huà)框,選擇“.NET Framework組件”選項(xiàng)卡,單擊“瀏覽”按鈕,在彈出的對(duì)話(huà)框中選擇添加Bin文件夾下的FCKeditorV2.dll文件,添加控件完成。
2、配置FCKeditor。
3、修改Web.config站點(diǎn)配置文件代碼。
雙擊Web.config添加代碼:
appSettings>
add key="FCKeditor:BasePath" value="~/fckeditor/" />
add key="FCKeditor:UserFilesPath" value="~/img/" />
/appSettings>
也可以通過(guò)菜單欄中的網(wǎng)站選項(xiàng)卡中的AXP.NET配置進(jìn)行編輯。
4、設(shè)計(jì)Default.aspx頁(yè)面。
5、使用FCKeditor控件上傳圖片。
單擊“插入/編輯圖片”選項(xiàng)卡,上傳并瀏覽圖片,將其發(fā)送到服務(wù)器上,單擊“確定”。
運(yùn)行效果圖
![](http://img.jbzj.com/file_images/article/201508/2015813112542293.png?201571311261)
總結(jié)
通過(guò)本節(jié)的深入學(xué)習(xí),了解在線(xiàn)文本編輯環(huán)境FCKeditor的使用方法,又復(fù)習(xí)了之前學(xué)習(xí)的如何將第三方控件添加到工具欄中,是不是很簡(jiǎn)單,但是大家在編寫(xiě)代碼的時(shí)候一定要細(xì)心,降低出錯(cuò)率,不要像小編一樣粗心大意哦。
您可能感興趣的文章:- asp.net網(wǎng)站開(kāi)發(fā)包wq.dll打包下載
- ASP.NET 網(wǎng)站開(kāi)發(fā)中常用到的廣告效果代碼
- asp.net網(wǎng)站開(kāi)發(fā)中用jquery實(shí)現(xiàn)滾動(dòng)瀏覽器滾動(dòng)條加載數(shù)據(jù)(類(lèi)似于騰訊微博)
- ASP.NET MVC3網(wǎng)站創(chuàng)建與發(fā)布(1)
- 簡(jiǎn)析ASP.NET網(wǎng)站的創(chuàng)建與發(fā)布過(guò)程
- ASP.NET MVC4之js css文件合并功能(3)
- asp.net中調(diào)用oracle存儲(chǔ)過(guò)程的方法
- 創(chuàng)建第一個(gè)ASP.NET應(yīng)用程序(第1節(jié))
- ASP.NET網(wǎng)站模板的實(shí)現(xiàn)(第2節(jié))
- ASP.NET實(shí)現(xiàn)用戶(hù)注冊(cè)和驗(yàn)證功能(第4節(jié))
- ASP.NET實(shí)現(xiàn)數(shù)據(jù)的添加(第10節(jié))
- ASP.NET用戶(hù)注冊(cè)實(shí)戰(zhàn)(第11節(jié))
- 64 位 ASP.Net 已注冊(cè) 需要 32 位 ASP.Net 才能安裝 Microsoft Reporting
- ASP.NET對(duì)大文件上傳的解決方案
- Asp.Net上傳圖片同時(shí)生成高清晰縮略圖
- ASP.NET MVC5添加驗(yàn)證(4)
- ASP.NET設(shè)計(jì)FTP文件上傳的解決方案
- asp.net上傳文件到數(shù)據(jù)庫(kù)的解決方案
- asp.net文件上傳帶進(jìn)度條實(shí)現(xiàn)案例(多種風(fēng)格)
- ASP.NET MVC5實(shí)現(xiàn)文件上傳與地址變化處理(5)
- ASP.NET MVC5網(wǎng)站開(kāi)發(fā)概述(一)
- asp.net中GridView數(shù)據(jù)鼠標(biāo)移入顯示提示信息
- ASP.NET MVC5網(wǎng)站開(kāi)發(fā)項(xiàng)目框架(二)