CKeditor与CKfinder的简单配置
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"); }
转载于:https://www.cnblogs.com/xuxiuxiu/p/3424827.html
CKeditor与CKfinder的简单配置相关推荐
- CKEditor和CKFinder及CKEditor配置属性说明
最近在做一个新闻发布平台,放弃了很早的FCKEditor,使用CKEditor和CKFinder,尽管免费的CKFinder是Demo版本,但是功能完整,而且用户都是比较集中精神发新闻的人,不会在意这 ...
- ckeditor 和ckfinder配置
ckeditor+ckfinder配置用法 一.使用方法: 1.在页面<head>中引入ckeditor核心文件ckeditor.js <script type="text ...
- CKEditor和CKFinder配置(asp.net)
一.官方Download 1.CKEditor :点击CKEditor.NET标题下的"Download zip"按钮 Version:CKEditor 3.6.4 for ASP ...
- Ckeditor and ckfinder 配置实现截图上传图片到远程服务器
Ckeditorand ckfinder 配置实现上传图片到远程服务器 1. 从ck官网下载两个文件. (文件夹解压后不必要的文件可以删除,samples.help 等以及skin皮肤文件夹 ...
- (转)基于MVC4+EasyUI的Web开发框架经验总结(5)--使用HTML编辑控件CKEditor和CKFinder...
http://www.cnblogs.com/wuhuacong/p/3780356.html Web开发上有很多HTML的编辑控件,如CKEditor.kindeditor等等,很多都做的很好,本文 ...
- (转)CKEditor和CKFinder在ASP.NET中的应用
CKEditor和CKFinder在ASP.NET中的应用,需要的朋友可以参考下. CKEditor是新一代的FCKeditor,是一个重新开发的版本.CKEditor是全球最优秀的网页在线文字编辑器 ...
- .net中ckeditor,ckFinder的使用
一.使用方法: 1.在页面<head>中引入ckeditor核心文件ckeditor.js <script type="text/javascript" src= ...
- 12.HTML编辑器(CKEditor、CKFinder集成)
CKEditor原名为FckEditor,是著名的HTML编辑器,可以在线编辑HTML内容. 配置参考文档:主要将ckeditor中的lang.plugins.skins.ckeditor.js.co ...
- C# CKEditor、CKFinder集成使用
1.裁剪(ckeditor在\_Samples\ckeditor中) 2.添加引用:CKEditor.NET.dll.CKFinder.dll 3.配置CKEditor: ckeditor/confi ...
- CKEditor配合CKFinder的使用
.net 中如何配置 CKEditor和CKFinder 一.官方Download 1.CKEditor :点击CKEditor.NET标题下的"Download zip"按钮 此 ...
最新文章
- 又来说一下顺序~关于唯一索引和唯一约束的顺序
- 微信终端自研 C++协程框架的设计与实现
- 我的新书《Java编程讲义》新鲜出炉啦,欢迎订阅
- OpenStack精华问答 | OpenStack的网络类型有哪些?
- vscode比较整个文件夹_vscode开发ROS1(5)-ROS工程目录结构
- FILE类型指针的头文件
- [渝粤教育] 西南科技大学 土木工程施工 在线考试复习资料(2)
- php 网页截屏,php怎样实现网页截图
- python基础学习总结
- 【BZOJ4198】【NOI2015】荷马史诗(贪心,Huffman树)
- VBS隐藏bat窗口
- 自用笔记17——泰波那契数列
- SQLServer 自定义函数 日期计算月初/月末/年初/年末/季初/季末
- 手机gps信号弱 服务器设置,手机GPS服务器设置
- 刚安装好的CAD一定要做这几个优化设置
- 一加5t刷android p,一加5T刷机包
- MySQL数据库——MySQL创建视图(CREATE VIEW)
- 仿百度首页(可进行百度搜索)
- MATLAB学习体会(来自小木虫)
- 德语翻译公司的前景及翻译公司推荐