在JSP里使用CKEditor和CKFinder 最 近在做一个新闻发布平台,放弃了很早的FCKEditor,使用CKEditor和CKFinder,尽管免费的CKFinder是Demo版本,但是功 能完整,而且用户都是比较集中精神发新闻的人,不会在意这个.按照官网的document一步一步配置,虽然并不难,但是有些东西特别分散,还是全英文 的,所以我就整理了一下安装过程和配置,以及需要注意的一些问题.希望对大家有所帮助. 目录 1. 下载CKEditor相关的安装文件 2. 安装CKEdito…

在JSP里使用CKEditor和CKFinder的配置 CKEditor的编辑器工具栏中有一项“图片域”,该工具可以贴上图片地址来在文本编辑器中加入图片,但是没有图片上传. “预览”中有一大堆鸟语,看得很不爽.可以打开ckeditor/plugins/image/dialogs/image.js文件,搜索“b.config.image_previewText”就能找到这段鸟语了,(b.config.image_previewText||'')单引号中的内容全删了,注意别删多了.扫除这个障碍,下面…

Web开发上有很多HTML的编辑控件,如CKEditor.kindeditor等等,很多都做的很好,本文主要介绍在MVC界面里面,CKEditor的配置和使用.CKEditor的前身是FCKEditor,随着它的更新,上传图片的功能被分离出去了,现在如果需要实现上传图片,要么自己写代码或者采用其他上传控件(如Uploadify),还有一种方法是使用CKFinder,这两者的合并使用,能给我们带来更多的方便. 1.CKEditor的使用 CKEditor的下载地址是http://ckeditor.…

ASP.NET版 CKEditor与CKFinder的配置使用 将CKEditor 与 CKFinder 的包含在项目中,并添加程序集的引用 从http://cksource.com网站上下载CKEditor与CKFinder,并将这两个解压的项目之下,里面的 samples文件夹中是示例,是不需要的可以将samples文件夹直接删除,在ckeditor和ckfinder目录下各有bin目录,添加对bin目录下的release目录下的程序集的引用 在需要富文本编辑器的页面注册用户控件 <%@ R…

CKEditor与CKFinder的配置使用(一) 将CKEditor 与 CKFinder 的包含在项目中 从http://cksource.com网站上下载CKEditor与CKFinder,并将这两个解压的项目之下,里面的 samples文件夹中是示例,是不需要的可以将samples文件夹直接删除 在需要富文本编辑器的页面添加js引用 在需要富文本编辑器的页面添加js引用,ckeidtor.js与ckfinder.js 初始化富文本编辑器 添加js脚本,将需要替换的文本框替换为ckedit…

CKEditor原名为FckEditor,是著名的HTML编辑器,可以在线编辑HTML内容. 配置参考文档:主要将ckeditor中的lang.plugins.skins.ckeditor.js.config.js.contents.css.styles.js解压后放到项目的目录下,在发贴页面引用ckeditor.js,然后设置多行文本框的class="ckeditor",代码中仍然可以通过TextBox控件的Text属性来访问编辑器的内容. 由于页面提交的时候asp.net会把富文本…

CKEditor与CKFinder整合并实现文件上传功能 事先说明:此整合的是java版本号的, 用到的有:jsp + ckeditor + ckfinder (没有servlet 及其他框架技术) 一．须要的资源: 用到的站点,文件自己下载: a) ckeditor_3.6.2 (解压) download.cksource.com/CKEditor/CKEditor/CKEditor%203.6.2/ckeditor_3.6.2.zip b) ckeditor-java-3.6.2 (解压)…

-使用HTML编辑控件CKEditor和CKFinder Web开发上有很多HTML的编辑控件,如CKEditor.kindeditor等等,很多都做的很好,本文主要介绍在MVC界面里面,CKEditor的配置和使用.CKEditor的前身是FCKEditor,随着它的更新,上传图片的功能被分离出去了,现在如果需要实现上传图片,要么自己写代码或者采用其他上传控件(如Uploadify),还有一种方法是使用CKFinder,这两者的合并使用,能给我们带来更多的方便. 1.CKEditor的使用 C…

为了配置出来上传功能,并且还添加水印,修改图片的名字为日期,真的头疼了很久,现在来分享一下自己所做的,也算一点小小的成就吧,顺带帮帮很多还在弄这个的猿们.我是分别用了两种方法.先说低版本的Version 2.0, September 2011,昨天配置好了.先认识一下ckeditor跟ckfinder的区别吧,cke呢只要是文本编辑器,单不具备上传的功能,所以有加了ckf,接下来详细说明. 1.  现在官网里面下好对应的版本,把它添加到项目中,如下: 2.然后就去配置ckeditor的confi…

在线编辑器的分类: 常见的在线编辑器有很多,比较常用的有FCKeditor(在线编辑器——Ajax 浏览器 端服务器文件管理器),CKeditor(在线编辑器与服务器端文件管理器的分离,) 其中CKeditor&CKfinder最为常用: CKeditor:在线编辑器 CKfinder:服务器端文件管理器 CKeditor安装: 下载地址:http://www.ckeditor.com CKeditor的安装很简单,只需要将文件解压,将CKeditor文件夹放到需要使用的项目位置即可. CFed…

先来看一下最终的效果图 一.编辑器界面 二.上传图片界面 <!-------------------------------------------------------> 一.安装包下载,我使用的安装包是ckfinder_java_2.3.zip和ckeditor_3.6.3.zip,这两个文件可以分别到http://ckfinder.com/download和http://ckeditor.com/download下载,注意我使用的开发语言是java,所以下载cfinder的时候需要选择…

原文地址:CKEditor与CKFinder学习--自定义界面及按钮事件捕获  讨厌CSDN的广告,吃香太难看! 效果图 界面操作图 原始界面 调整后的界面(删除了flush,表单元素等) 该界面的皮肤是bootstrap的皮肤 事件操作图 获取界面上保存按钮点击事件效果 用js操作ckeditor控制的textarea 自定义界面 ckeditor默认使用moono皮肤 如果想更改ckeditor的皮肤,去ckeditor的网站下载相应的皮肤. 皮肤更换 去ckeditor的关网选一个你喜欢的…

1.值栈的Action对象中会有一个fielderror属性,代表着字段错误. fielderror是Map<String,List<String>>类型 例如下面的值栈里可看到,fielderror属性里有Map, 键:ppt 值:[^The file is too large to be uploaded:ppt "FuzzyOpinionFigure1.fig" "upload_4fd387d7_8e03_479e_bf04_08e69368e3…

今天偶然看到一篇关于 CKEditor与CKFinder整合文章,心想有一段时间没有使用这种东西了.于是乎自己动手亲自体验了一下,本以为简单但在东西编写的过程发现了很多没有遇见毛病. 所以记录一下自己东西编写除错的过程 首先,下载2个插件包 CKEditor下载地址:http://ckeditor.com/ CKFinder下载地址:http://ckfinder.com/ 1.然后创建项目,将解压的文件夹拷贝到项目中,编写页面代码如下: <%@ Page Language="C#&quo…

CKEditor是一个专门使用在网页上的所得文字编辑器,适用于PHP.ASP.NET.Java等后端开发语言.CKEditor原名为FCKeditor,“FCK” 是这个编辑器的作者的名字Frederico Caldeira Knabben的缩写. 09年发布更新到3.0,并改名为CKEditor,CK意指"Content and Knowledge". 新版的编辑器的更新包括:新的用户界面,一个支持Plug-in的Javascript API,并提供对视觉障碍者的使用支持 CKEdi…

.net环境下ckeditor与ckfinder中文文件链接乱码的问题 将ckfinder.js中的getUrl:function(){return this.folder.getUrl()+encodeURIComponent(this.name);}改为:getUrl:function(){return this.folder.getUrl()+this.name;}…

Ckeditor与ckfinder简单整合使用 功能:主要用来发送图文的email,图片上传到本地服务器,但是email的图片地址要写上该服务器的远程地址(图片地址:例如:http://www.baidu.com/logo/1.png[s1] ) 注意版本:ckeditor4.0和ckfinder2.4 阅读技巧:红色为要解释的目标,蓝色为要解释的内容 其他什么修改文件存放路径啊,语言什么的网上都有,这只是展示了简单的整合.   1. 创建页面并编写HTML <textarea cols="…

摘要:老牌编辑器FCK的升级版CKEditor(http://ckeditor.com/) 经过重写,提供了丰富而强大的集成和互动的API.新版编辑器是完全基于插件,它可以扩展所有部件以符合需求.FCKeditor升级后的 CKEditor去掉了上传功能,只提供了基本的文本编辑功能,上传模块由另一个组件CKFinder来实现.换句话说编辑器如果需要上传功能,就需要再 下载CKFinder(http://www.ckfinder.com/) 1.分别解压CKEditor和CKFinder到你的we…

富文本编辑器CKEditor的使用 *:first-child { margin-top: 0 !important; } body>*:last-child { margin-bottom: 0 !important; } /* BLOCKS =============================================================================*/ p, blockquote, ul, ol, dl, table, pre { margin:…

之前照着网上的做,遇到了一些问题,经过多次实验修改最后算是成功了,下面进行详细讲解. 一.CKeditor的配置(附件中已有最新版CKeditor和CKFinder) 1.需要下载ckeditor, 可去官网:http://ckeditor.com/  下载后直接解压得到ckeditor文件夹,包括如下内容:  2.其中sample为例子,source为源文件,为了减少editor的体积,直接删除.然后将整个文件夹直接拷贝到网站的根目录下.   3.在你需要使用editor控件的页面头部添加:…

现要做一个简单的登录页面,如果用户通过验证,会显示Welcome用户名的欢迎词,反之则返回登录页面让用户再次输入 这部分的完整代码是JSPDemo项目里的login.jsp,下面来分析一下关键代码. 代码位置 视频位置 code/第3章/JSPDemo 视频/第3章/JSP案例的讲解 根据JSP的语法,可以通过@import来导入需要的jar包.这里需要导入支持MySQL的库文件,这部分的代码如下所示. 1     <%@ page language="java" import=…

thinkphp ckeditor与ckfinder 下载 ckeditor下载地址 ckfinder下载地址 整合 将ckeditor与findeditor下载完成后,放到public目录下,配置ckeditor,下载的时候有demo,可以在线配置的/ckeditor/samples/index.html. 将ckfinder的config.php中 authentication验证打开,改成return true; 在页面中使用: <textarea id="content"…

上一篇文章给大家分享了CKEditor+CKFinder+JSP实现了在线编辑器上传图片的功能,这里在给大家分享一下如何在前面的基础上在struts2下实现这样的功能. 实现与Struts2的整合,整合的过程确实easy.不过实现之后,图片上传不上去,上传之后显示“文件不存在”,然后在网上找了一些资料,经过总结最终实现了这个功能.此问题的原因就是struts2的拦截器,在web.xml中,可以清楚的看到: <filter-mapping> <filter-name>struts2&…

1.关掉PHP的转义字符,不然从文本框控件中得来的内容,全部有转义字符,不能正常显示,所以在取得文本框控件所传递来的数据之时,要使用下面这样的方式: $内容=stripslashes($_POST['editor1']); 用stripslashes();函数,去除掉PHP自动产生的转义符. 2.HTML页调取 < s c r i p t t y p e="text/javascript" src="/test/ck/ckeditor/ckeditor . j s &q…

在你需要使用editor控件的页面头部添加: <head> ... <script type="text/javascript" src="/ckeditor/ckeditor.js"></script> </head> 在页面相应位置上添加: <textarea name="editor1"></textarea> <script type="text/ja…

事先说明:此整合的是java版本的, 用到的有:jsp + ckeditor + ckfinder (没有servlet 及其它框架技术) 一．需要的资源: 用到的网站,文件自己下载: a) ckeditor_3.6.2 (解压) download.cksource.com/CKEditor/CKEditor/CKEditor 3.6.2/ckeditor_3.6.2.zip b) ckeditor-java-3.6.2 (解压) download.cksource.com/CKEditor/C…

http://www.cnblogs.com/wuhuacong/p/3780356.html Web开发上有很多HTML的编辑控件,如CKEditor.kindeditor等等,很多都做的很好,本文主要介绍在MVC界面里面,CKEditor的配置和使用.CKEditor的前身是FCKEditor,随着它的更新,上传图片的功能被分离出去了,现在如果需要实现上传图片,要么自己写代码或者采用其他上传控件(如Uploadify),还有一种方法是使用CKFinder,这两者的合并使用,能给我们带来更多的…

<script type="text/javascript"src="<?php echo Yii::app()->request->baseUrl; ?>/ckeditor/ckeditor.js"></script> <script type="text/javascript"src="<?php echo Yii::app()->request->baseUr…

lCKEditor原名FckEditor,著名的HTML编辑器,可以在线编辑HTML内容,演示一下.打开.自己人用CKEditor,网友用UBBEditor. l配置参考文档,主要将ckeditor中的(adapters.images.lang.plugins.skins.themes.ckeditor.js.config.js.contents.css)解压到js目录,然后“显示所有文件”,将ckeditor的目录“包含在项目中”,在发帖页面引用ckeditor.js,然后设置多行文本框的cl…

注意: 1.这里的ckeditor编辑器是独立模块,不是那个wysiwyg模块. 2.这里的图片上传仅仅为文章内图片,非字段图片.   1.下载文件(1) http://drupal.org/project/ckeditor drupal的ckeditor模块(2) http://ckeditor.com/download CKeditor源码(3) http://ckfinder.com/download CKfinder(注意,不是免费的) (4)http://www.drupal.org/…