原文地址:CKEditor与CKFinder学习--自定义界面及按钮事件捕获  讨厌CSDN的广告,吃香太难看! 效果图 界面操作图 原始界面 调整后的界面(删除了flush,表单元素等) 该界面的皮肤是bootstrap的皮肤 事件操作图 获取界面上保存按钮点击事件效果 用js操作ckeditor控制的textarea 自定义界面 ckeditor默认使用moono皮肤 如果想更改ckeditor的皮肤,去ckeditor的网站下载相应的皮肤. 皮肤更换 去ckeditor的关网选一个你喜欢的…
CKFinder的系列文章到眼下应该说基本能够满足开发需求了,只是另一个小细节,CKFinder默认上传的文件名称和源文件名称一致,假设文件名称反复会自己主动加入编号"(1)""(2)"等. 假设须要自己定义上传的文件名称怎么办呢? 先看效果 採用uuid来命名 时间戳作为前缀 以下给出两种方案来实现ckfinder自己定义文件名称的方法.第一种仅仅是思路,重点是另外一种方法.我们通过改动ckfinder的源代码来实现ckfinder上传文件名称的自己定义 方法一…
在JSP里使用CKEditor和CKFinder 最 近在做一个新闻发布平台,放弃了很早的FCKEditor,使用CKEditor和CKFinder,尽管免费的CKFinder是Demo版本,但是功 能完整,而且用户都是比较集中精神发新闻的人,不会在意这个.按照官网的document一步一步配置,虽然并不难,但是有些东西特别分散,还是全英文 的,所以我就整理了一下安装过程和配置,以及需要注意的一些问题.希望对大家有所帮助. 目录 1. 下载CKEditor相关的安装文件 2. 安装CKEdito…
Web开发上有很多HTML的编辑控件,如CKEditor.kindeditor等等,很多都做的很好,本文主要介绍在MVC界面里面,CKEditor的配置和使用.CKEditor的前身是FCKEditor,随着它的更新,上传图片的功能被分离出去了,现在如果需要实现上传图片,要么自己写代码或者采用其他上传控件(如Uploadify),还有一种方法是使用CKFinder,这两者的合并使用,能给我们带来更多的方便. 1.CKEditor的使用 CKEditor的下载地址是http://ckeditor.…
CKEditor是一个专门使用在网页上的所得文字编辑器,适用于PHP.ASP.NET.Java等后端开发语言.CKEditor原名为FCKeditor,“FCK” 是这个编辑器的作者的名字Frederico Caldeira Knabben的缩写. 09年发布更新到3.0,并改名为CKEditor,CK意指"Content and Knowledge". 新版的编辑器的更新包括:新的用户界面,一个支持Plug-in的Javascript API,并提供对视觉障碍者的使用支持 CKEdi…
CKEditor原名为FckEditor,是著名的HTML编辑器,可以在线编辑HTML内容. 配置参考文档:主要将ckeditor中的lang.plugins.skins.ckeditor.js.config.js.contents.css.styles.js解压后放到项目的目录下,在发贴页面引用ckeditor.js,然后设置多行文本框的class="ckeditor",代码中仍然可以通过TextBox控件的Text属性来访问编辑器的内容. 由于页面提交的时候asp.net会把富文本…
-使用HTML编辑控件CKEditor和CKFinder Web开发上有很多HTML的编辑控件,如CKEditor.kindeditor等等,很多都做的很好,本文主要介绍在MVC界面里面,CKEditor的配置和使用.CKEditor的前身是FCKEditor,随着它的更新,上传图片的功能被分离出去了,现在如果需要实现上传图片,要么自己写代码或者采用其他上传控件(如Uploadify),还有一种方法是使用CKFinder,这两者的合并使用,能给我们带来更多的方便. 1.CKEditor的使用 C…
之前照着网上的做,遇到了一些问题,经过多次实验修改最后算是成功了,下面进行详细讲解. 一.CKeditor的配置(附件中已有最新版CKeditor和CKFinder) 1.需要下载ckeditor, 可去官网:http://ckeditor.com/  下载后直接解压得到ckeditor文件夹,包括如下内容:  2.其中sample为例子,source为源文件,为了减少editor的体积,直接删除.然后将整个文件夹直接拷贝到网站的根目录下.   3.在你需要使用editor控件的页面头部添加:…
为了配置出来上传功能,并且还添加水印,修改图片的名字为日期,真的头疼了很久,现在来分享一下自己所做的,也算一点小小的成就吧,顺带帮帮很多还在弄这个的猿们.我是分别用了两种方法.先说低版本的Version 2.0, September 2011,昨天配置好了.先认识一下ckeditor跟ckfinder的区别吧,cke呢只要是文本编辑器,单不具备上传的功能,所以有加了ckf,接下来详细说明. 1.  现在官网里面下好对应的版本,把它添加到项目中,如下: 2.然后就去配置ckeditor的confi…
前言 JavaScript与HTML之间的交互是通过事件实现的.事件,就是文档或浏览器窗口中发生的一些特定的交互瞬间.可以使用侦听器(或处理程序)来预订事件,以便事件发生时执行相应的代码.这种在传统软件工程中被称为观察员模式的模型,支持页面的行为(JavaScript代码)与页面的外观(HTML和CSS代码)之间的松散耦合. 事件处理程序 事件就是用户或浏览器自身执行的某种动作.诸如 click.load 和 mouseover,都是事件的名字. 而响应某个事件的函数就叫做事件处理程序(或事件侦…