天天看點

Ckfinder+2.1+Ckeditor+3.6.2+配置詳解(.NET)

今天要用到編輯器,看到網上好多人都說CKEDITOR好用,是以在網上下了最新的版本 Ckeditor 3.6.2。怎麼配置它我的部落格裡面有,這裡給一個連結好了,不詳述了

http://blog.csdn.net/gzas1989/article/details/6845785

然後我有需要用到圖檔上傳功能,晚上說要Ckfinder的配合,是以果斷插入~我下的版本是Ckfinder 2.1。問題就來了~怎麼配置呢~預設是沒有上傳按鈕的啊~朋友有建議自己做上傳功能繞過Ckfinder 的~自己還是想研究一下~

方法如下,請需要的朋友跟上~(部分内容轉載):

首先把Ckfinder 和Ckeditor都解壓到同一個檔案夾,然後神馬引用到Bin檔案夾之類的我就不說了,網上有,和Ckeditor的一樣

ckeditor裡面的config.js 配置

CKEDITOR.editorConfig = function( config )
{
     config.language = 'zh-cn';//設定中文語言
     config.uiColor = '#AADC6E';//編輯器顔色
     config.font_names = '宋體;楷體_GB2312;新宋體;黑體;隸書;幼圓;微軟雅黑;Arial;Comic Sans MS;Courier New;Tahoma;Times New Roman;Verdana';
    config.toolbar_Full =
    [
        ['Source','-','Preview','-','Templates'],
        ['Cut','Copy','Paste','PasteText','PasteFromWord','-','Print', 'SpellChecker', 'Scayt'],
        ['Undo','Redo','-','Find','Replace','-','SelectAll','RemoveFormat'],
        ['Form', 'Checkbox', 'Radio', 'TextField', 'Textarea', 'Select', 'Button', 'ImageButton', 'HiddenField'],
        '/',
        ['Bold','Italic','Underline','Strike','-','Subscript','Superscript'],
        ['NumberedList','BulletedList','-','Outdent','Indent','Blockquote','CreateDiv'],
        ['JustifyLeft','JustifyCenter','JustifyRight','JustifyBlock'],
        ['Link','Unlink','Anchor'],
          ['Image','Flash','Table','HorizontalRule','Smiley','SpecialChar','PageBreak'],
        '/',
        ['Styles','Format','Font','FontSize'],
        ['TextColor','BGColor'],
        ['Maximize', 'ShowBlocks','-','About']
    ];
    config.toolbar_Basic =
    [
        ['Bold', 'Italic', '-', 'NumberedList', 'BulletedList', '-', 'Link', 'Unlink','-','About']
    ];
 
    config.width =700;
    config.height = 300;
  
};
           

ckfinder 裡面的config.ascx的配置:

public override bool CheckAuthentication()
{
    
    // 窗體驗證時用
       return Request.IsAuthenticated;
    //reture true; 不推薦使用

}
           

使用的時候直接拖放一個CKEditorControl,同時引用<script type="text/javascript" src="../ckeditor/ckeditor.js"></script>//視個人修改啊!因為我是直接放CKEditorControl,沒有用替換的方法,是以沒有引用ckfinder.js。最後還有一個問題,就是點浏覽或者上傳功能的時候路徑出錯

比如我的根目錄是http://localhost:1234/root/index.aspx

則應該打開的是http://localhost:1234/root/ckfinder/ckfinder.html

但是每次打開的都是http://localhost:1234/ckfinder/ckfinder.html

晚上辦法五花八門,而且複雜

其實很簡單,打開ckeditor下的config.js

config.filebrowserBrowseUrl = './ckfinder/ckfinder.html'; //上傳檔案時浏覽服務檔案夾
    config.filebrowserImageBrowseUrl = './ckfinder/ckfinder.html?Type=Images'; //上傳圖檔時浏覽服務檔案夾
    config.filebrowserFlashBrowseUrl = './ckfinder/ckfinder.html?Type=Flash';  //上傳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'; //上傳Flash按鈕(标簽)
           

和原來的不同在于我在目錄最前面加了一個.

問題解決~

最後還有一個DOME水印問題,這個好像不影響使用,而且是八進制和十六進制的代碼~網上說全部改成\x20,沒有嘗試,事兒還多得很~有時間再說吧,祝大家用的愉快!

繼續閱讀