在线时间:8:00-16:00
迪恩网络APP
随时随地掌握行业动态
扫描二维码
关注迪恩网络微信公众号
ckeditor 编辑器php正确配置方法
1. 下载安装 CKEditor: 解压下载到的CKEditor放到网站的路径中即可 2. 下载安装 CKFinder: 解压下载到的CKFinder放到与CKEditor同一目录中即可
CKEditor 实际是替换一个 textarea 标签,所以把textarea放到一个form中,当提交到php服务器端,使用$_GET['xxx'] 或者 $_POST['xxx'] 取得编辑好的数据。注意,因为 CKEditor 要替换 textarea,所以相应的javascript 代码"CKEDITOR.replace(xxxxxx)" 要放在 textarea 的后面。 最简单的方法,直接新建一个test.html文件(和ckeditor、ckfinder处于同一级目录)使用下面的例子修改一下即可。在浏览器里浏览test.html就可以在网页中看到 CKEditor 了,兴奋吧。
<head> <meta http-equiv="Content-type" content="text/html; charset=UTF-8"> <title>CKEditor</title> <script type="text/javascript" src="ckfinder/ckfinder.js"></script> </head> <body> <form action="b.php" method="post"> <textarea name="editor1">CKEditor Demo</textarea> <input type="submit" name="submit" value="Submit" /> </form> </body> // 启用 CKEitor 的上传功能,使用了 CKFinder 插件 CKEDITOR.replace( 'editor1', { filebrowserBrowseUrl : 'ckfinder/ckfinder.html', filebrowserImageBrowseUrl : 'ckfinder/ckfinder.html?Type=Images', filebrowserFlashBrowseUrl : 'ckfinder/ckfinder.html?Type=Flash', filebrowserUploadUrl : 'ckfinder/core/connector/php/connector.php?command=QuickUpload&type=Files', filebrowserImageUploadUrl : 'ckfinder/core/connector/php/connector.php?command=QuickUpload&type=Images', filebrowserFlashUploadUrl : 'ckfinder/core/connector/php/connector.php?command=QuickUpload&type=Flash' }); </script> </html>
a. 创建保存上传文件的目录,如upload (把upload文件夹也放在和ckeditor、ckfinder处于同一级目录,三个目录都位于项目目录下) 其路径为 /upload/ [For Linux: 把其权限设置为php server可读写,最简单的是 chmod 777 upload 这样php server才有权限往里面保存文件.]
修改成 function CheckAuthentication() { return true; }
如 $baseUrl = '/项目名/upload/';(这里的地址要从项目目录开始的绝对路径,确定上传目录已经存在)
如$baseDir = '/Apache2/htdocs/ck/upload/'; (Apache2是D:/盘下的直接目录) 这是因为resolveUrl($baseUrl)函数不能正常工作。
header("Content-Type:text/html; charset=utf-8"); $str = $_POST['editor1']; echo $str; ?>
来源:http://blog.csdn.net/shenx99/article/details/6981379
示例一: (目录test下面包括:ckeditor目录文件夹 + test.html + a.php) test.html>>> <html> <head> <meta http-equiv="Content-type" content="text/html; charset=UTF-8"> <title>CKEditor</title> <!-- 调用ckeditor ,ckfinder --> <script type="text/javascript" src="ckfinder/ckfinder.js"></script> </head> <body> <form name="myForm" action="a.php" method="post"> <textarea style="width:100px;height:100px" name="editor" >CKEditor Demo</textarea> <input type="submit" name="submit" value="Submit" /> </form> </body>
CKEDITOR.replace('editor1'); </script> </html>
a.php》》》 <?php header("Content-Type:text/html; charset=utf-8"); $str = $_POST['editor']; //editor是提交过来页面的textarea的name名 echo $str; ?> 示例:与上面相同的文件,去掉alert代码;并分别从本地和互联上copy一些带有文件和图片的内容放到test.html中进行提交,发现: 本地的图片img标签:<img src="file:///c:/x/y.gif /> 互联上copy的图片img标签:<img alt="" src="http://www.baidu.net/uploads/img/201007/18130009_BkZR.png" style="margin:0px" />
处理中文命名图片乱码=》 更改下面文件中的代码: http://localhost/home/admin/ckfinder/core/connector/php/php5/CommandHandler/FileUpload.php
个性化定义面板功能和属性: 1)直接在使用的地方用js调用; 2)或在http://localhost/home/admin/ckeditor/config.js 这个配置文件设置; 参考文档:http://docs.ckeditor.com/source/config.html#CKEDITOR-config
|
2022-08-30
2022-08-17
2022-11-06
2022-08-17
2022-07-18
请发表评论