zoukankan      html  css  js  c++  java
  • php中ckeditor(Fckeditor)的配置方法

    ckeditor 编辑器php正确配置方法

    1. 下载安装 CKEditor:

    http://ckeditor.com/

    解压下载到的CKEditor放到网站的路径中即可

    2. 下载安装 CKFinder:

    http://ckfinder.com/download

    解压下载到的CKFinder放到与CKEditor同一目录中即可

    3. 在网页中使用 CKEditor 和 CKFinder:

    CKEditor 实际是替换一个 textarea 标签,所以把textarea放到一个form中,当提交到php服务器端,使用$_GET['xxx'] 或者 $_POST['xxx'] 取得编辑好的数据。注意,因为 CKEditor 要替换 textarea,所以相应的javascript 代码"CKEDITOR.replace(xxxxxx)" 要放在 textarea 的后面。

    最简单的方法,直接新建一个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)第32行,把 function CheckAuthentication() { return false; }

    修改成 function CheckAuthentication() { return true; }

    c. 找到第63行,把 $baseUrl 的值改成保存上传文件存目录的URL,

    如 $baseUrl = '/项目名/upload/';(这里的地址要从项目目录开始的绝对路径,确定上传目录已经存在)

    d. 找到第82行,删除 $baseDir = resolveUrl($baseUrl); 修改 $baseDir 为上传文件目录的绝对路径,(不能删除,否则不能上传)(本地测试的时候要从磁盘的跟目录下开始,即C:/或者D:/的直接目录)

    如$baseDir = '/Apache2/htdocs/ck/upload/'; (Apache2是D:/盘下的直接目录)

    这是因为resolveUrl($baseUrl)函数不能正常工作。

    至此,可以使用 CKEditor 和 CKFinder 上传文件了。

    对上面这个小例子中服务器端的b.php代码:

    <?php

    header("Content-Type:text/html; charset=utf-8");

    $str = $_POST['editor1'];

    echo $str;

    ?>


    可以看到,在点击submit按钮后,服务器端收到了CKEditor中的内容,并使用echo输出,生成一个与CKEditor里面编辑的完全一样的内容。在服务器端可以把收到的内容保存到数据库中。然后再读出在相应的页面显示出来。 

    转自:http://blog.csdn.net/shenx99/article/details/6981379

  • 相关阅读:
    记录一次有意思的XSS过滤绕过2
    2018年总结
    记录一次Oracle注入绕waf
    记录一次有意思的XSS过滤绕过
    绕过阿里云waf进行SQL注入
    CRLF在过滤XSS语句后打Cookie方式
    JavaWeb之商品查看后历史记录代码实现
    Mysql注入小tips --持续更新中
    JDK动态代理(Proxy)的两种实现方式
    ajax 异步刷新
  • 原文地址:https://www.cnblogs.com/hnfxs/p/3381406.html
Copyright © 2011-2022 走看看