ckeditor4.5.1版本编辑器+ckfinder

原创 2015年07月10日 11:53:08

ckeditor的前身是FCKeditor。

目前介绍 ckeditor 4.5.1 Standard(标准版) 同时结合ckfinder 完成上传图片和上传链接文件;

一、CKEditor4.5.1 标准版

在ckeditor官网中http://ckeditor.com/download下载页面中选择 Standard Package 选项 进行下载;

解压后,文件夹复制到根目录下;

在想要添加编辑器的页面中 引用ckeditor目录下ckeditor.js, 

<script type="text/javascript">
 var editor=null;
    window.onload = function()
    {    
      editor=  CKEDITOR.replace( 'bz' ),{    };     
           };
</script>

div中添加   <textarea id="bz" runat="server" rows="30" cols="50" ></textarea>   如在不需要 上传图片和上传链接文件功能的情况下,这样编辑器已经可以正常运行显示了。

如需要上传图片和上传链接文件的功能,需在ckeditor官网中下载ckfinder ,解压后把ckfinder文件夹复制到和之前ckeditor在同一目录下。修改点击上传图片后预览区域显示内容 :在config.js中添加config.image_previewText='  ';需是空格不可为null的字符串 ,如果这样仍然显示的话,就需要在plugins/image/dialogs/image.js这里的image.js中进行删除修改了(具体删除哪里网上有),如不需要浏览服务器按钮,可是在iamge.js中修改(修改方法:查找搜索browseServer,找到该词第一次出现的位置,在后面修改, 添加/修改 dipaly:none属性);

在config.js中添加

filebrowserBrowseUrl = '/editor/ckfinder/ckfinder.html';//上传文件时浏览服务文件夹
    filebrowserImageBrowseUrl = '/editor/ckfinder/ckfinder.html?type=Images';//上传图片时浏览服务文件夹
    filebrowserFlashBrowseUrl = '/editor/ckfinder/ckfinder.html?type=Flash'; //上传Flash时浏览服务文件夹
    filebrowserUploadUrl = '/editor/ckfinder/core/connector/aspx/connector.aspx?command=QuickUpload&type=Files'; //上传文件按钮(标签)
    filebrowserImageUploadUrl = '/editor/ckfinder/core/connector/aspx/connector.aspx?command=QuickUpload&type=Images';//上传图片按钮(标签) 
    filebrowserFlashUploadUrl = '/editor/ckfinder/core/connector/aspx/connector.aspx?command=QuickUpload&type=Flash'; //上传Flash按钮(标签)

在项目中引用ckfinder中bin下的dll,如此可正确完成上传;

Java培训实战教程之CKEditor+CKFinder整合项目开发文本编辑器功能

Java培训实战教程之CKEditor+CKFinder整合项目开发文本编辑器功能CKFinder实现文件上传功能 本文使用:jsp整合ckeditor和ckfinder完成在网页上嵌套文本编辑器,并...

CKEditor+CKFinder+JSP实现在线编辑器

本篇文章主要介绍ckeditor_3.6.4+ckfinder_java_2.3 CKEditor下载地址:http://ckeditor.com/download            在线演示地...

页面编辑器CKEditor与CKFinder整合

CKEditor是目前最优秀的可见即可得的网页编辑器之一,目前最新版本为4.4.4,在3.0之前名称为FCKEditor,3.0之后更名为CKEditor。这款编辑器采用JavaScript编写,具备...

CKEditor3.3.1+CKFinder2.0结合 打造"帅"的编辑器 For .Net

CKEditor 3.3.1 和 ckfinder 2.0 配置 with jQuery 1.42 请看33楼! CKEditor 3.2 在 asp.net 下进行配置的方法:官方网站:CKEdit...

ckeditor3.6.5+ckfinder2.0.2+jsp编辑器配置 支持服务器浏览/上传图片、Flash

一、相信很多人都用过大名鼎鼎的FckEditor,   最新又出来了个ckEditor, 令人一下子搞不清楚, 到官方网站看看才知道FckEditor在2.6版本之后就改名为ckEditor了, 在这...
  • sinlff
  • sinlff
  • 2011年10月09日 01:18
  • 4157

CkEditor文本编辑器配合ckfinder上传功能在.net中的使用步骤

1.官网下载ckeditor最新版:http://ckeditor.com/download 2.如果在asp.net中使用,解压如图几个目录到项目中,一般放在js下面的ckeditor文件夹里面。 ...
  • ful1021
  • ful1021
  • 2013年09月02日 20:43
  • 1844

CKEditor+CKFinder+JSP实现在线编辑器上传文件(包括图片、flash)

这两天我就一直在琢磨如何才能实现在编编辑器的功能,由于家里的网是电信天翼的3G卡,有流量限制,如今也就剩下100M左右的流量了,上网也很费劲,于是狠心的上网找了一大堆的资料,终于实现了这样的功能,确实...

HTML编辑器 -- CKEditor4.2(工具栏配置等)与CKFinder2.3整合(上传文件)

首先下载CKEditor4.2与CKFinder2.3破解版还有JAVA开发的核心包3.5 地址: CKEditor4.2: http://download.csdn.net/detai...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:ckeditor4.5.1版本编辑器+ckfinder
举报原因:
原因补充:

(最多只允许输入30个字)