CKEditor3.3+CKFinder2.0附带CKF去除水印

发布时间:2010-06-10 07:18:59 | 文章编号:#1185


CKEditor3.3+CKFinder2.0


CKEditor与CKFinder的组合其实非常简单,这里只简单说一下步骤和注意事项。

1、CKEditor 不具备上传功能,需要集成 CKFinder 才能实现上传功能。

     下载 ckeditor 并解压到 ckeditor(在根目录下);

     下载 ckfinder 并解压到 ckfinder (在根目录下);

     两者处于同级目录下;    

     把ckfinder目录里的bin下的CKFinder.dll拷贝到网站目录bin下,引用就行了。





2、在 aspx 页面或者 master 模板页 标签中载入 ckeditor.js:



   在标签中使用ckeditor:



下面这段必须放在上面代码的后面,否则初始化编辑器时会错误:


此方法被称为替换法,其实就是使用CKEditor的replace方法替换TextBox,关键之处在于ClientID的设置,而操作CKEditor其实就是操作服务端的的textbox控件,Text属性的设置和获取即可实现交互其中的html代码。.net页面还要注意设置页面ValidateRequest="false",这里仅以.net为例,其他语言的方法和此方法大同小异,均可采取“替换法”来使用CKEditor.

3. 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;

 

};

4.

ckfinder 里面的config.ascx的配置:



public override boolCheckAuthentication()

{

    return true;//官方建议此处要做一些用户权限判断再返回true,好吧我承认此处我简单处理了。

}


CKFinder2.0 去水印

以下方法仅为增加美观程度而做,不能彻底去除版权,仅为隐藏破解方法
点击浏览服务器按钮,打开服务器文件界面,去除之前有两处DEMO说明,一处在左下角,另一处在上传过文件之后才会在右侧显示出来


CKFinder.js水印修改


1.将<h4  class='message_content'>替换为<h4 style='display:none;'  class='message_content'>,即隐藏h4;<br>
2.替换 “x3c144x69166x20143154141x73x73x3dx27166x69x65x7740x74157157x6cx5f160141x6ex6515447x20x73164x79x6cx65x3dx27x64151x73160x6cx611717240x62154x6fx63153x20x21x69x6dx70157162164x61156x74x3b40x70157x73151x74151157156x3a40x73x74x61x74x69143x20x21x69x6d160x6f162x74141156x74x3b40143x6fx6cx6f162x3a40x62154141x63x6bx20x21151155x70x6fx72164141156164x3b40x62141x63x6b147x72157165x6ex6455x63157x6c157x72x3ax20x77x68x69164x654041151155160x6f162x7414115616473x27x3ex54150x6916340x69x73x20164x6814540x44x4511511740166x65x72163151157x6ex20157x6640x43113106x69156x64145x7256x20120154145141x73145x20166x69163x69x74x20x74150145x20x3c141x20150x72x65x66x3dx27150164x74x70x3a57x2fx63x6b146x69156144145x7256x63157x6dx27x20x74x61x72x67145x747547x5f142x6cx61x6e15347x3ex43113106151156x64145162x20x77145x6240x73x69x74145x3cx2fx617640x74x6f40157142x74x61x69x6e40x61x20166141154x69144x20154x69143x65156x73x6556x3cx2fx64x6916676”为“ ”或者“x20”,千万不可替换成"",此方法的用意就是直接去掉整个版权说明的Div层,此处其实是八进制ASCII和十六进制ASCII的混搭,转换成字符其实就是DEMO说明的层。
OK,到此步骤基本全部完成。<br>此文的完成要先感谢国家的局域网功能之强大,让我搜到了很多国内的CKE+CKF老版本的解决方法,再次感谢firefox之google翻译插件功能之强大,让我翻译到了很多官方的东西学习,最后要感谢很多软件作者给我提供的平台,以及学无止境曾祥展前辈的文章。