ASP.NET中CKEditor如何使用-創(chuàng)新互聯(lián)

這期內(nèi)容當(dāng)中小編將會(huì)給大家?guī)?lái)有關(guān)ASP.NET中CKEditor如何使用,文章內(nèi)容豐富且以專業(yè)的角度為大家分析和敘述,閱讀完這篇文章希望大家可以有所收獲。

創(chuàng)新互聯(lián)是網(wǎng)站建設(shè)技術(shù)企業(yè),為成都企業(yè)提供專業(yè)的成都網(wǎng)站制作、網(wǎng)站建設(shè)、外貿(mào)網(wǎng)站建設(shè),網(wǎng)站設(shè)計(jì),網(wǎng)站制作,網(wǎng)站改版等技術(shù)服務(wù)。擁有10余年豐富建站經(jīng)驗(yàn)和眾多成功案例,為您定制適合企業(yè)的網(wǎng)站。10余年品質(zhì),值得信賴!

1、CKEditor原名FckEditor,著名的HTML編輯器,可以在線編輯HTML內(nèi)容。自己人用CKEditor,網(wǎng)友用UBBEditor。

     配置參考文檔,主要將ckeditor中的(adapters、images、lang、plugins、skins、themes、ckeditor.js、config.js、contents.css)解壓到j(luò)s目錄,然后“顯示所有文件”,將ckeditor的目錄“包含在項(xiàng)目中”,在發(fā)帖頁(yè)面引用ckeditor.js,然后設(shè)置多行文本框的class="ckeditor"(CSS強(qiáng)大)(服務(wù)端控件CssClass=" ckeditor ",客戶端控件要設(shè)定cols、rows屬性,一般不直接用html控件),代碼中仍然可以通過(guò)TextBox控件的Text屬性來(lái)訪問(wèn)編輯器內(nèi)容。

      由于頁(yè)面提交的時(shí)候asp.net會(huì)把富文本編輯器中的html內(nèi)容當(dāng)成攻擊內(nèi)容,因此需要在aspx中的Page標(biāo)簽中設(shè)置 ValidateRequest="false" 來(lái)禁用攻擊檢測(cè)(2010中還要根據(jù)報(bào)錯(cuò)信息修改WebConfig來(lái)禁用XSS檢測(cè))。

       遇到錯(cuò)誤如下:

    ASP.NET中CKEditor如何使用

      **修改WebConfig來(lái)禁用XSS檢測(cè)

當(dāng)asp.net提交“<>”這些字符到aspx頁(yè)面時(shí),如果沒(méi)有在文件頭中加入“ValidateRequest="false"”這句話,就會(huì)出現(xiàn)出錯(cuò)提示:從客戶端(<?xml version="...='UTF-8'?><SOAP-ENV:Envelope S...")中檢測(cè)到有潛在危險(xiǎn)的Request.Form 值。

如你是vs2008的用戶,只要在aspx文件的開(kāi)始部分,如下文所示處:


復(fù)制代碼 代碼如下:


<%@ Page Language="C#" CodeBehind="News_add.aspx.cs"   Inherits="CKEditor.Default" %>加上ValidateRequest="false" 即可。


但是如果是VS2010,僅僅這樣還是不夠的。還需要雙擊打開(kāi)web.config,在<system.web></system.web>之間添加下面語(yǔ)句


復(fù)制代碼 代碼如下:


<pages validateRequest="false" />
<httpRuntime requestValidationMode="2.0" />



2、CKFinder是一個(gè)CKEditor插件,用來(lái)為CKEditor提供文件的上傳的功能。將bin\Release下的CKFinder.dll添加到項(xiàng)目的引用;將core、ckfinder.js、ckfinder.html、config.ascx解壓到CKFinder自己的目錄。按照文檔修改CKEditor的config.js,將上傳的處理程序設(shè)定為CKFinder,注意路徑的問(wèn)題。


復(fù)制代碼 代碼如下:


CKEDITOR.editorConfig = function( config )
 {
     // Define changes to default configuration here. For example:
     // config.language = 'fr';
     // config.uiColor = '#AADC6E';

     //改成ckfinder的絕對(duì)路徑,從網(wǎng)站的本目錄開(kāi)始
     var ckfinderPath = "/admin/js";
     config.filebrowserBrowseUrl = ckfinderPath + '/ckfinder/ckfinder.html';
     config.filebrowserImageBrowseUrl = ckfinderPath + '/ckfinder/ckfinder.html?Type=Images';
     config.filebrowserFlashBrowseUrl = ckfinderPath + '/ckfinder/ckfinder.html?Type=Flash';
     config.filebrowserUploadUrl = ckfinderPath + '/ckfinder/core/connector/aspx/connector.aspx?command=QuickUpload&type=Files';
     config.filebrowserImageUploadUrl = ckfinderPath + '/ckfinder/core/connector/aspx/connector.aspx?command=QuickUpload&type=Images';
     config.filebrowserFlashUploadUrl = ckfinderPath + '/ckfinder/core/connector/aspx/connector.aspx?command=QuickUpload&type=Flash';
 };


      使用測(cè)試,在插入超鏈接、插入圖片、插入文件中都有“上傳”l 因?yàn)樯蟼魑募欠浅NkU(xiǎn)的動(dòng)作,因此在文件上傳的時(shí)候會(huì)進(jìn)行權(quán)限校驗(yàn)。在config.ascx的CheckAuthentication方法中校驗(yàn)是否有權(quán)限上傳,返回true表示有權(quán)限,否則沒(méi)有權(quán)限,一般修改成判斷用戶是否登錄,并且登錄用戶是有上傳權(quán)限的用戶,可以用Session或者M(jìn)embership來(lái)做。


復(fù)制代碼 代碼如下:


public override bool CheckAuthentication()
     {
         // WARNING : DO NOT simply return "true". By doing so, you are allowing
         // "anyone" to upload and list the files in your server. You must implement
         // some kind of session validation here. Even something very simple as...
         //
         //        return ( Session[ "IsAuthorized" ] != null && (bool)Session[ "IsAuthorized" ] == true );
         //
         // ... where Session[ "IsAuthorized" ] is set to "true" as soon as the
         // user logs on your system.
         object obj = Session["已經(jīng)登錄"] = true;
         if (obj!=null&Convert.ToBoolean(obj)==true)
         {
             return true;
         }
         else
         {
         return false;
         }
     }



思考:如何實(shí)現(xiàn)只有指定IP地址的用戶才能上傳?


復(fù)制代碼 代碼如下:


if (Request.UserHostAddress == "129.0.0.0.1") { return true; }



       在SetConfig函數(shù)中設(shè)置上傳文件夾的位置BaseUrl、縮略圖的位置,每種類型數(shù)據(jù)的上傳路徑、允許上傳的文件類型AllowedExtensions等。


上述就是小編為大家分享的ASP.NET中CKEditor如何使用了,如果剛好有類似的疑惑,不妨參照上述分析進(jìn)行理解。如果想知道更多相關(guān)知識(shí),歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道。

網(wǎng)站欄目:ASP.NET中CKEditor如何使用-創(chuàng)新互聯(lián)
文章源于:http://muchs.cn/article18/djjodp.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供小程序開(kāi)發(fā)、網(wǎng)站營(yíng)銷、域名注冊(cè)App設(shè)計(jì)、外貿(mào)建站建站公司

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來(lái)源: 創(chuàng)新互聯(lián)

微信小程序開(kāi)發(fā)