国产一级a片免费看高清,亚洲熟女中文字幕在线视频,黄三级高清在线播放,免费黄色视频在线看

打開(kāi)APP
userphoto
未登錄

開(kāi)通VIP,暢享免費(fèi)電子書(shū)等14項(xiàng)超值服

開(kāi)通VIP
CKEditor3.0在asp.net環(huán)境下上傳文件的配置,集成CKFinder

FCKeditor是一個(gè)專門使用在網(wǎng)頁(yè)上屬于開(kāi)放源代碼的所見(jiàn)即所得文字編輯器。它志于輕量化,不需要太復(fù)雜的安裝步驟即可使用。它能在asp、asp.net、PHP、JSP等多個(gè)平臺(tái)下使用,并且支持大部分瀏覽器,所以在它出現(xiàn)的6年時(shí)間里,成為了最流行的文字編輯器。
隨著技術(shù)的發(fā)展,很多更新更方便的東西為開(kāi)發(fā)者提供了更大的便利。在這種情況下,F(xiàn)CKeditor團(tuán)隊(duì)推出了一個(gè)FCKeditor的重寫(xiě)版本——CKEditor。
新版本的CKEditor加載速度更快、更方便使用,在新版本的基礎(chǔ)上又一個(gè)全新的用戶界面,甚至可以讓用戶精確地自定義顏色。CKEditor經(jīng)過(guò)了重寫(xiě),提供了豐富而強(qiáng)大的集成和互動(dòng)的API。該編輯器是完全基于插件的,它可以擴(kuò)展和所有部件以符合所有需求。
新版本的CKEditor只提供了基本的文本編輯功能,上傳模塊由另一個(gè)組件CKFinder。如果同時(shí)需要上傳功能,就需要再下載CKFinder(http://www.ckfinder.com/)。

 

CKEditor的配置


下面我們看一下在asp.net環(huán)境中如何使用新版本的CKEditor和CKFinder。

CKEditor的配置相對(duì)FCKeditor來(lái)說(shuō)非常簡(jiǎn)單。將文件夾拷貝到你的程序目錄,然后你只需要在頁(yè)面中添加js引用:

  1. <mce:script type="text/javascript" src="ckeditor/ckeditor.js" mce_src="ckeditor/ckeditor.js"></mce:script>  
  2. 然后在頁(yè)面中就能夠使用:  
  3. <textarea class="ckeditor" cols="80" id="editor1" name="editor1" rows="10">  
  4. 這里是內(nèi)容  

 

這樣就可以使用了。

在asp.net下,如果想使用后臺(tái)取得編輯器里的數(shù)據(jù),可以這樣來(lái)做:

  1. <asp:TextBox ID="txtContent" runat="server" TextMode="MultiLine"></asp:TextBox>  
  2. <mce:script type="text/javascript"><!--  
  3.    
  4.       CKEDITOR.replace( '<%= txtContent.ClientID %>' );   
  5. // --></mce:script>  

 

<%= txtContent.ClientID %>是服務(wù)器控件被編譯過(guò)以后在HTML中顯示的ID名,這樣就可以通過(guò)后臺(tái)調(diào)用編輯器中的數(shù)據(jù)了。

為了減少編輯器的大小,可以刪除一些不必要的文件,如把_samples、_source、_tests三個(gè)文件夾刪除,進(jìn)入lang文件目錄,保留en.js、zh.js、zh-cn.js三個(gè)文件,其余的語(yǔ)言文件如果你用不到,可以刪除。

 

CKFinder的配置:


1、把解壓后的/ckfinder/夾拷貝到你的web目錄下;然后把bin目錄下的dll文件拷到你自己的bin目錄下。
2、創(chuàng)建一個(gè)上傳文件的目錄。在默認(rèn)配置的情況下,/ckfinder/userfiles/是上傳目錄;如果想修改上傳目錄,修改config.ascx文件中的BaseUrl = "/uploads/",這里是以根目錄作為絕對(duì)路徑的目錄,注意以反斜杠結(jié)尾。
3、確保你的文件夾能被網(wǎng)絡(luò)訪問(wèn)寫(xiě)入。在Windows里,給IUSR_<ServerName>用戶寫(xiě)權(quán)限;CKFinder可以結(jié)合session來(lái)判斷用戶是否有權(quán)限進(jìn)行上傳。如果不需要進(jìn)行用戶身份驗(yàn)證,那么修改config.ascx文件里的CheckAuthentication()函數(shù),直接返回true。要進(jìn)行身份驗(yàn)證,也是修改這個(gè)函數(shù)。
4、編輯config.ascx文件。確保你已經(jīng)正確設(shè)置該文件中的設(shè)置,并確定CKFinder在里面。

然后測(cè)試是否可用,運(yùn)行下面這個(gè)頁(yè)面:

/ckfinder/_samples/aspx/standalone.aspx

沒(méi)有意外的就,應(yīng)該能使用了。

PS:網(wǎng)上一些教程說(shuō)CKFinder需要付費(fèi)才能上傳,那是放屁。未注冊(cè)的CKFinder照樣可以使用全部功能,只不過(guò)在編輯器里放了個(gè)LOGO而已。

 

與CKEditor集成:

 

按照上面的配置好以后,理論上CKEditor和CKFinder都應(yīng)該能使用了。但是這個(gè)時(shí)候CKEditor還不具備上傳功能,得把兩個(gè)東西集成在一起。代碼相當(dāng)簡(jiǎn)單:

  1. <asp:TextBox ID="txtContent" runat="server" TextMode="MultiLine"></asp:TextBox>  
  2.     <mce:script type="text/javascript"><!--  
  3.        // This call can be placed at any point after the  
  4.        // <textarea>, or inside a <head><script> in a  
  5.        // window.onload event handler.  
  6.   
  7.        // Replace the <textarea id="editor"> with an CKEditor  
  8.        // instance, using default configurations.  
  9.        CKEDITOR.replace('<%= txtContent.ClientID %>',  
  10.                  {  
  11.                      filebrowserBrowseUrl: '../ckfinder/ckfinder.html',  
  12.                      filebrowserImageBrowseUrl: '../ckfinder/ckfinder.html?Type=Images',  
  13.                      filebrowserFlashBrowseUrl: '../ckfinder/ckfinder.html?Type=Flash',  
  14.                      filebrowserUploadUrl: '../ckfinder/core/connector/aspx/connector.aspx?command=QuickUpload&type=Files',  
  15.                      filebrowserImageUploadUrl: '../ckfinder/core/connector/aspx/connector.aspx?command=QuickUpload&type=Images',  
  16.                      filebrowserFlashUploadUrl: '../ckfinder/core/connector/aspx/connector.aspx?command=QuickUpload&type=Flash'  
  17.                  }  
  18.                 );  
  19. // --></mce:script>  

 

如果路徑?jīng)]有配置錯(cuò)誤,那么恭喜你,享受全新的CKEditor吧!

本站僅提供存儲(chǔ)服務(wù),所有內(nèi)容均由用戶發(fā)布,如發(fā)現(xiàn)有害或侵權(quán)內(nèi)容,請(qǐng)點(diǎn)擊舉報(bào)。
打開(kāi)APP,閱讀全文并永久保存 查看更多類似文章
猜你喜歡
類似文章
CKEDITOR CKFINDER的圖片上傳配置(C#/asp.net/php)
CKEditor無(wú)法驗(yàn)證的解決方案[js驗(yàn)證+jQuery Validate驗(yàn)證]
CKEditor與CKFinder的配置(ASP.NET環(huán)境)
CKEditor與CKFinder整合
php中ckeditor的配置方法
thinkphp下ckeditor+ckfinder的圖片上傳配置 - 美拓blog
更多類似文章 >>
生活服務(wù)
分享 收藏 導(dǎo)長(zhǎng)圖 關(guān)注 下載文章
綁定賬號(hào)成功
后續(xù)可登錄賬號(hào)暢享VIP特權(quán)!
如果VIP功能使用有故障,
可點(diǎn)擊這里聯(lián)系客服!

聯(lián)系客服