配置CKEditor 3.6.3及如何去掉CKFinder 2.2.1中的版权信息

发布时间：2020-12-15 18:40:34 所属栏目：百科来源：网络整理

导读：CKEditor是老外开发的一款在线Html编辑器，其功能强大、外观设计精美、配置灵活，在网站开发过程中，是一款不可多得的富文本编辑器。目前CKEditor的最新版本是CKEditor 3.6.3，其本身不包含文件上传功能，若需上传文件，需另外搭配CKFinder，两者结合起来，

CKEditor是老外开发的一款在线Html编辑器，其功能强大、外观设计精美、配置灵活，在网站开发过程中，是一款不可多得的富文本编辑器。目前CKEditor的最新版本是CKEditor 3.6.3，其本身不包含文件上传功能，若需上传文件，需另外搭配CKFinder，两者结合起来，才称得上是完整的Html编辑器，CKFinder的最新版本是CKFinder 2.2.1。

??????? 要将CKEditor 3.6.3和CKFinder 2.2.1结合在一起，其实在简单不过了，少说费话，让我们开始！

??????? 首先，我们从官网下载最新版本的CKEditor 3.6.3和CKFinder 2.2.1；

??????? 接着，将下载的压缩包分别解压至网站项目文件的根目录下，如下图所示：

??????? 打开ckeditor文件夹下的config.js文件，新增如下红框中代码，如下图所示：

??????? 复制代码：

[javascript] view plain copy print ?

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按钮(标签)??

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按钮(标签)

??????? 以上两步即完成CKEditor 3.6.3和CKFinder 2.2.1结合，简单吧！

??????? 接下来，我们就可以在页面中使用CKEditor 3.6.3了，以在asp.net 中使用为例，页面代码如下：?

??????? 好了，运行页面，即可看到最终效果！如下图：??

CKEditor 3.6.3主界面

CKFinder 2.2.1主界面

??????? 接着，追求完美的发烧友就会问了，CKFinder 2.2.1主界面中的红色版权信息该如何处理掉呢？

??????? 别急，接下来，我们就开始来一步一步处理它！

??????? 首先，打开ckfinder文件夹下的ckfinder.js文件，查找<h4 class='message_content'></h4>，并将其改成<h4 class='message_content' style='display:none'></h4>，如下图所示：

???????

?????? 接着，继续查找如下字符串：

124150151x7340x69x7340x74150x65x20104x45x4d11740x76145162x73151157156x20x6fx6640x43113106x69156x64145162x2ex20x50x6cx65x61x7314540166151x7315116440164150x654074x6140150x72x65x66x3d47150x74x74160725757x63153x66x69x6ex64145162x2e143157155x27x20x74x61162147x65164x3d47x5fx62x6cx61x6ex6bx27x3e103113106x69156144x65x72x20x77145x62x20163x69x74145x3c57x617640164157x20157x62x74141x6915640x61x20166x61x6c151x6440x6cx69x63145x6e16314556

并将其删除或替换成你想要的文本。好了，到此为止，我们就完成了CKEditor 3.6.3和CKFinder 2.2.1结合及CKFinder 2.2.1版权信息的去除。

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!