CKeditor与CKfinder的简单配置
$内容=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的简单配置的更多相关文章
- CKeditor、CKFinder的安装配置
CKEditor是不集成文件上传与管理功能的,文件上传管理功能被集成在CKFinder中,这是一个收费的商业软件. 如需要文件上传与管理功能建议使用FCKeditor或者手动破解CKFinder. 下 ...
- CKEditor与CKFinder的配置(ASP.NET环境)
CKEditor是一个专门使用在网页上的所得文字编辑器,适用于PHP.ASP.NET.Java等后端开发语言.CKEditor原名为FCKeditor,“FCK” 是这个编辑器的作者的名字Freder ...
- php环境下ckeditor和ckfinder的配置详解
摘要:老牌编辑器FCK的升级版CKEditor(http://ckeditor.com/) 经过重写,提供了丰富而强大的集成和互动的API.新版编辑器是完全基于插件,它可以扩展所有部件以符合需求.FC ...
- ASP.NET版CKEditor与CKFinder的配置使用
ASP.NET版 CKEditor与CKFinder的配置使用 将CKEditor 与 CKFinder 的包含在项目中,并添加程序集的引用 从http://cksource.com网站上下载CKEd ...
- CKEditor与CKFinder的配置
CKEditor与CKFinder的配置使用(一) 将CKEditor 与 CKFinder 的包含在项目中 从http://cksource.com网站上下载CKEditor与CKFinder,并将 ...
- ckeditor与ckfinder简单整合使用
Ckeditor与ckfinder简单整合使用 功能:主要用来发送图文的email,图片上传到本地服务器,但是email的图片地址要写上该服务器的远程地址(图片地址:例如:http://www.bai ...
- Drupal 7 配置ckeditor和ckfinder编辑器实现图片上传--不用wysisyg
注意: 1.这里的ckeditor编辑器是独立模块,不是那个wysiwyg模块. 2.这里的图片上传仅仅为文章内图片,非字段图片. 1.下载文件(1) http://drupal.org/proj ...
- JAVA里使用CKEditor和CKFinder的配置
在JSP里使用CKEditor和CKFinder的配置 CKEditor的编辑器工具栏中有一项“图片域”,该工具可以贴上图片地址来在文本编辑器中加入图片,但是没有图片上传. “预览”中有一大堆鸟语,看 ...
- 1.文本编辑器-->CKEditor+CKFinder使用与配置
一.CKEditor介绍 官网地址:http://ckeditor.com CKEditor下载地址:http://ckeditor.com/download CKFinder(免费版本)下载地址:h ...
随机推荐
- str内部方法
代码 #str内部功能 name=' aK am\til.L iu' age=18 num=-11 ab='#' ac=('1','2','3','4','5','6','7') print(dir( ...
- Tomcat Can't load AMD 64-bit .dll on a IA 32
Java.lang.UnsatisfiedLinkError: C:\apache\apache-tomcat-7.0.14\bin\tcnative-1.dll: Can't load AMD 64 ...
- Ubuntu学习总结-01 用VMware 8安装Ubuntu 12.04详细过程
1 Ubuntu 下载地址 http://www.ubuntu.com/download/desktop 2 安装Ubuntu 转载用VMware 8安装Ubuntu 12.04详细过程 http:/ ...
- Android学习笔记02-Mac下编译java代码
在Mac OS上配置JDK 1.7. 一 下载 Mac版本的JDK1.7 从以下下载地址,下载Mac版本的JDk1.7 安装文件 jdk-7u79-macosx-x64.dmg. http://www ...
- 《驾驭Core Data》 第二章 Core Data入门
本文由海水的味道编译整理,请勿转载,请勿用于商业用途. 当前版本号:0.4.0 第二章 Core Data入门 本章将讲解Core Data框架中涉及的基本概念,以及一个简单的Core Data ...
- GNUPLOT画图工具
http://blog.csdn.net/codingkid/article/details/7211492 不得不说这个工具实在是太强大了. 1.首先命令简单,不会有那么多的语法问题. 2.其次画图 ...
- Weka算法Classifier-tree-J48源代码分析(一个)基本数据结构和算法
大约一年,我没有照顾的博客,再次拿起笔不知从何写上,想来想去手从最近使用Weka要正确书写. Weka为一个Java基础上的机器学习工具.上手简单,并提供图形化界面.提供如分类.聚类.频繁项挖掘等工具 ...
- [Angularjs]单页应用之分页
写在前面 在项目中,用到单页应用的分页,当时想到使用滚动加载的方案,可是几次尝试都没配置成功,闲着无聊就弄了一个demo. 系列文章 [Angularjs]ng-select和ng-options [ ...
- 如何在ECSHOP前台后台中讲版权内容清除
如何在ECSHOP前台后台中讲版权内容清除 作者:河南电脑学校网 点击次数:1065 发布时间:2012-02-02 20:13:58 一.ECSHOP前台显示的页面的版权在下面几个地方修改:(本人不 ...
- javascript中this的学习总结
在开发中,this多使用在function函数中,也正是由于调用function的对象的不同,才导致了this的指向不同.需要明白(1).function也是对象:(2).function执行时是在某 ...