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 " >< / script >
 < s c r i p t t y p e="text/javascript" src="/test/ck/ckfinder/ckfinder . j s " >< / script >

3、HTML页应用

< t e x t a r e a i d = " c o n t e n t " c o l s = " 2 0 " r o ws=" 2 " c l a s s ="c ke di to r"> < ? p h p $ 内 容 = $ rs [ ' c o n t e n t ' ] ? > < / t e x t ar e a >
//我倒,估计这新浪的编辑器也是修改这个CKeditor来的,因为上面这段直接贴代码,居然直接显示的是控件,不是代码了,没办法,将代码每个字符间,加了些空格。

4、如果要使用ckfinder上传,则在编写页面之时,加入以下设定:

config.filebrowserBrowseUrl = '../ckfinder/ckfinder.html';
config.filebrowserImageBrowseUrl = '../ckfinder/ckfinder.html?type=Images'; config.filebrowserFlashBrowseUrl = '../ckfinder/ckfinder.html?type=Flash';
config.filebrowserUploadUrl = '../ckfinder/core/connector/php/connector.php?command=QuickUpload&type=File';
config.filebrowserImageUploadUrl = '../ckfinder/core/connector/php/connector.php?command=QuickUpload&type=Images';
config.filebrowserFlashUploadUrl = '../ckfinder/core/connector/php/connector.php?command=QuickUpload&type=Flash';

5、修改主传的文件与图片的保存文件夹:

修改ckfinder/config.php文件,$baseUrl = '/test/ck/upload/'; //上传图片的路径 同时,文件里的CheckAuthentication 要改成return true 才行。

6、文件上传后按当前时间改名,并避开中文文件名会出错的问题

打开:ckfinder\core\connector\php\php5\CommandHandler\FileUpload.php 找到下面这几行: if ($sFileName != $sUnsafeFileName) { $iErrorNumber = CKFINDER_CONNECTOR_ERROR_UPLOADED_INVALID_NAME_RENAMED; }

//添加以下两行,用当前时间命名所上传的文件,并解决中文乱码问题(重命名) $sExtension=CKFinder_Connector_Utils_FileSystem::getExtension($sFileName); $sFileName=date("Ymd")."_".date("His").".".$sExtension;

(按:其实可以在这里生成一个随机数,用于生成文件的名字。避免有人同时传图片时,图片的名称可能是相同的。)

7、在部署到Web服务器上时,下列文件夹和文件都可以删除: /_samples :示例文件夹; /_source :未压缩源程序; /lang文件夹下除 zh-cn.js、en.js 以外的文件(也可以根据需要保留其他语言文件); 根目录下的 changes.html(更新列表),install.html(安装指向),license.html(使用许可); /skins 目录下不需要的皮肤,一般用V2(简单,朴素) ,如果只保留V2则必须在config.js中指定皮肤。

8、CKEditor 增加字体:

修改ckeditor\config.js 代码为: CKEDITOR.editorConfig = function( config ) {config.font_names = '宋体/宋体;黑体/黑体;仿宋/仿宋_GB2312;楷体/楷体_GB2312;隶书/隶书;幼圆/幼圆;'+ config.font_names ; };其中,楷体/楷体_GB2312,表示在ckeditor中的字体显示名称为“楷体”,系统字体名称为“楷体_GB2312”。

CKEditor 添加自定义字体:

修改ckeditor\config.js Config.js代码 config.contentsCss = 'fonts.css'; // 添加新的字体到 CKEditor 的字体列表 config.font_names = 'fontnametodisplay/yourfontname;' + config.font_names; 在 fonts.css 中添加@font-face 属性: Fonts.css代码 @font-face { font-family: "yourfontname"; src: url( ../fonts/font.eot ); src: local("realfontname"), url("../fonts/font.TTF") format("truetype"); }

CKeditor与CKfinder的简单配置的更多相关文章

  1. CKeditor、CKFinder的安装配置

    CKEditor是不集成文件上传与管理功能的,文件上传管理功能被集成在CKFinder中,这是一个收费的商业软件. 如需要文件上传与管理功能建议使用FCKeditor或者手动破解CKFinder. 下 ...

  2. CKEditor与CKFinder的配置(ASP.NET环境)

    CKEditor是一个专门使用在网页上的所得文字编辑器,适用于PHP.ASP.NET.Java等后端开发语言.CKEditor原名为FCKeditor,“FCK” 是这个编辑器的作者的名字Freder ...

  3. php环境下ckeditor和ckfinder的配置详解

    摘要:老牌编辑器FCK的升级版CKEditor(http://ckeditor.com/) 经过重写,提供了丰富而强大的集成和互动的API.新版编辑器是完全基于插件,它可以扩展所有部件以符合需求.FC ...

  4. ASP.NET版CKEditor与CKFinder的配置使用

    ASP.NET版 CKEditor与CKFinder的配置使用 将CKEditor 与 CKFinder 的包含在项目中,并添加程序集的引用 从http://cksource.com网站上下载CKEd ...

  5. CKEditor与CKFinder的配置

    CKEditor与CKFinder的配置使用(一) 将CKEditor 与 CKFinder 的包含在项目中 从http://cksource.com网站上下载CKEditor与CKFinder,并将 ...

  6. ckeditor与ckfinder简单整合使用

    Ckeditor与ckfinder简单整合使用 功能:主要用来发送图文的email,图片上传到本地服务器,但是email的图片地址要写上该服务器的远程地址(图片地址:例如:http://www.bai ...

  7. Drupal 7 配置ckeditor和ckfinder编辑器实现图片上传--不用wysisyg

    注意: 1.这里的ckeditor编辑器是独立模块,不是那个wysiwyg模块. 2.这里的图片上传仅仅为文章内图片,非字段图片.   1.下载文件(1) http://drupal.org/proj ...

  8. JAVA里使用CKEditor和CKFinder的配置

    在JSP里使用CKEditor和CKFinder的配置 CKEditor的编辑器工具栏中有一项“图片域”,该工具可以贴上图片地址来在文本编辑器中加入图片,但是没有图片上传. “预览”中有一大堆鸟语,看 ...

  9. 1.文本编辑器-->CKEditor+CKFinder使用与配置

    一.CKEditor介绍 官网地址:http://ckeditor.com CKEditor下载地址:http://ckeditor.com/download CKFinder(免费版本)下载地址:h ...

随机推荐

  1. BZOJ-1227 虔诚的墓主人 树状数组+离散化+组合数学

    1227: [SDOI2009]虔诚的墓主人 Time Limit: 5 Sec Memory Limit: 259 MB Submit: 914 Solved: 431 [Submit][Statu ...

  2. python TypeError: 'str' object does not support item assignment”

    想替换string里的空格,遍历替换提示如题错误,查询得知string类型不可更改 import string s = "2013/2/12" b = s.replace('/', ...

  3. iOS 知识点梳理

    OC的理解与特性 OC作为一门面向对象的语言,自然具有面向对象的语言特性:封装.继承.多态.它既具有静态语言的特性(如C++),又有动态语言的效率(动态绑定.动态加载等).总体来讲,OC确实是一门不错 ...

  4. poj1787Charlie's Change(多重背包+记录路径+好题)

    Charlie's Change Time Limit: 1000MS   Memory Limit: 30000K Total Submissions: 3720   Accepted: 1125 ...

  5. JQueryEasyUI datagrid框架的基本使用

    http://www.jb51.net/article/35348.htm 今天说说这个datagrid框架的基本使用,这个框架一直以来都是大家比较头疼的框架,尤其是Json数据的拼接,后台前台都很重 ...

  6. 本地与在线图片转Base64及图片预览

    查看效果:http://sandbox.runjs.cn/show/tgvbo9nq 本地图片转Base64(从而可以预览图片): function localImgLoad() { var src ...

  7. Spring MVC 读取静态资源时404错误

    背景:web.xml配置时拦截策略是拦截所有请求: <servlet> <servlet-name>springmvc</servlet-name> <ser ...

  8. VS2013配置Caffe卷积神经网络工具(64位Windows 7)——准备依赖库

    VS2013配置Caffe卷积神经网络工具(64位Windows 7)--准备依赖库 2014年4月的时候自己在公司就将Caffe移植到Windows系统了,今年自己换了台电脑,想在家里也随便跑跑,本 ...

  9. 锋利的jQuery-2--一个显示和隐藏的例子,主要看写法

    例子:如图,默认不显示全部,点击按钮来回切换,全部显示是一部分推荐的品牌高亮. $(function(){ //dom加载完再执行 var category = $('ul li:gt(5):not( ...

  10. 改变placeholder颜色

    /* WebKit browsers */ ::-webkit-input-placeholder { color: red; text-overflow: ellipsis; } /* Mozill ...