php中ckeditor的配置方法
来源:互联网 发布:js跳转到指定url 编辑:程序博客网 时间:2024/06/01 23:14
1. 下载安装 CKEditor:
http://ckeditor.com/
解压下载到的CKEditor放到网站的路径中即可
2. 下载安装 CKFinder:
http://ckfinder.com/download
解压下载到的CKFinder放到与CKEditor同一目录中即可
3. 在网页中使用 CKEditor 和 CKFinder:
CKEditor 实际是替换一个 textarea 标签,所以把textarea放到一个form中,当提交到php服务器端,使用
最简单的方法,直接新建一个test.html文件(和ckeditor、ckfinder处于同一级目录)使用下面的例子修改一下即可。在浏览器里浏览test.html就可以在网页中看到 CKEditor 了,兴奋吧。
<html>
<head>
<meta http-equiv="Content-type" content="text/html; charset=UTF-8">
<title>CKEditor</title>
<script src="ckeditor/ckeditor.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>
<script type="text/javascript">
// 启用 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>
4. 配置CKFinder进行上传图片,Flash等。
到这里,点击 "Image" 按钮,在弹出的窗口中的 "Upload" 标签中已经看到上传按钮了,但是在上传文件时失败。因为CKFinder还没有配置好。需要创建上传文件的目录和修改 ckfinder/config.php 里的三个地方:
a. 创建保存上传文件的目录,如upload
(把upload文件夹也放在和ckeditor、ckfinder处于同一级目录,三个目录都位于项目目录下)
其路径为 /upload/
[For Linux: 把其权限设置为php server可读写,最简单的是 chmod 777 upload 这样php server才有权限往里面保存文件.]
b. 找到配置文件(ckfinder/config.php)第28行,把 $config[‘authentication’] = function () { return false; }
修改成 $config[‘authentication’] = function () { return true; }
c. 找到第69行,把 $baseUrl 的值改成保存上传文件存目录的URL,
如 $baseUrl = ‘/项目名/upload/’;(这里的地址要从项目目录开始的绝对路径,确定上传目录已经存在)
至此,可以使用 CKEditor 和 CKFinder 上传文件了。
对上面这个小例子中服务器端的b.php代码:
<?php
header("Content-Type:text/html; charset=utf-8");
echo $str;
?>
可以看到,在点击submit按钮后,服务器端收到了CKEditor中的内容,并使用echo输出,生成一个与CKEditor里面编辑的完全一样的内容。在服务器端可以把收到的内容保存到数据库中。然后再读出在相应的页面显示出来。
- php中ckeditor的配置方法
- php中ckeditor的配置方法
- php中ckeditor的配置方法
- asp.net mvc中ckeditor+ckfinder的配置方法
- asp.net mvc中ckeditor+ckfinder的配置方法
- ASP.NET中CKEditor+CKFinder的配置方法
- asp.net mvc中ckeditor+ckfinder的配置方法
- PHP中CKEditor和CKFinder配置
- PHP中CKEditor和CKFinder配置
- PHP中CKEditor和CKFinder配置
- ckeditor + ckfinder + php 的详细配置。
- php配置 ckeditor+ekfinder
- PHP 中配置 ckeditor(fckeditor的新版本)+ckfinder ,实现上传图片功能。
- PHP中配置Ckeditor和Ckfinder(实现图片上传)
- ckeditor的详细配置
- CKeditor编辑器的配置
- ckeditor的详细配置
- ckeditor的配置信息
- 博客index
- c++复习Return Passing
- sort命令中-h参数的小作用
- 修改Tomcat编码方式的两种方法
- Scratch 游戏项目学习法 —— 接苹果(六)让苹果掉到下面
- php中ckeditor的配置方法
- 补充第二篇:Windows 环境下,配置Nginx
- 【Android】 生成jniLibs 文件夹
- Java SE8 Lambda 基础入门---Stream
- Apache JMeter测试之参数化测试
- 使用@RequestBody 取POST方式的json字符串
- form表单提交数据编码方式和tomcat接受数据解码方式的思考
- Java 拾遗补阙 ----- 之数据类型
- 软件天才与技术民工