Asp.net 在CKEditor中使用CKFinder 轉自(ndxsdhy)

來源:互聯網
上載者:User

轉自:http://www.cnblogs.com/ndxsdhy/archive/2011/07/10/2102124.html

1、下載CKFinder包放到網站中http://ckfinder.com/

2、刪除CKFinder中的_samples和_source檔案夾(分別為樣本檔案和未壓縮來源程式), 不然編譯會出錯

3、網站中添加ckfinder\bin\Debug\CKFinder.dll檔案的引用

4、頁面中添加引用代碼<script type="text/javascript" language="javascript" src="ckfinder/ckfinder.js"></script>

5、在ckeditor(是ckeditor)的config.js檔案中加入幾段代碼, 如:

CKEDITOR.editorConfig = function(config) {
// Define changes to default configuration here. For example:
// config.language = 'fr';
// config.uiColor = '#AADC6E';
//以下是需要加入的

config.filebrowserBrowseUrl = '/ckfinder/ckfinder.html';
config.filebrowserImageBrowseUrl = '/ckfinder/ckfinder.html?Type=Images';
config.filebrowserFlashBrowseUrl = '/ckfinder/ckfinder.html?Type=Flash';
config.filebrowserUploadUrl = '/ckfinder/core/connector/aspx/connector.aspx?command=QuickUpload&type=Files';
config.filebrowserImageUploadUrl = '/ckfinder/core/connector/aspx/connector.aspx?command=QuickUpload&type=Images';
config.filebrowserFlashUploadUrl = '/ckfinder/core/connector/aspx/connector.aspx?command=QuickUpload&type=Flash';

  //加入後會發現ckeditor框中多了"上傳"
};
6、修改CKFinder的config.ascx裡的內容, 找到public override bool CheckAuthentication()中的return false改成return true, 不然沒有許可權

7、可以修改CKFinder的config.ascx中的BaseUrl = " /ckfinder/userfiles/"; 它是伺服器檔案路徑,用於儲存圖片的檔案夾

8、差不多可以用了, 一定要注意第5步的地址, 如果有ckeditor文字框是用在了使用者控制項中, 那路徑要按照引用了使用者控制項的那個網頁來寫 (直接通過第一個"映像"-瀏覽伺服器上傳圖片, 這樣頁面出錯的話可以顯示路徑)

附:ckfinder精簡
1、刪除_samples和_source檔案夾,分別為樣本檔案和未壓縮來源程式
2、刪除根目錄下changelog.txt,install.txt,license.txt檔案
3、1.x版的刪除core/lang目錄下除en.js,zh-cn.js的所有語言檔案(根據條件刪除),2.0的刪除lang和core/connector/aspx/lang目錄下除en.js,zh-cn.js的所有語言檔案;help目錄除en外的其他目錄

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.