zoukankan      html  css  js  c++  java
  • ckeditor文本编辑+ckfinder文本图片上传

    <!--
    //==============================================安装配置ckeditor
    http://ckeditor.com/download 下载ckeditor,Standard package为标准包
    http://cksource.com/ckfinder/trial 下载ckfinder php版本
    
    将ckeditor压缩包内ckeditor文件夹解压到想要放到的目录中,这里解压到项目根目录
    根目录下新建文件 index.php,代码如下
    -->
    <script language="JavaScript" type="text/javascript" src="./ckeditor/ckeditor.js"></script>
    
    <form name="form1" action="action.php" method="post">
        <textarea name="form1_textarea" class="ckeditor" cols="80" name="content" rows="10"></textarea>
        <input type="submit" name="submit" value="提交"/>
    </form>
    
    <script type="text/javascript">
    CKEDITOR.replace( 'form1_textarea', {   //如果将textarea标签的class设成class="ckeditor"则此段CKEDITOR.replace可不用写,但要单独设置参数或打开上传功能则需要用此法添加参数
        fullPage          : true,           //是否使用完整的html编辑模式 如使用,其源码将包含:<html><body></body></html>等标签
        extraPlugins      : 'wysiwygarea',  //添加新组件
        width             : 600,            //编辑器宽度
        height            : 600,            //编辑器高度
        baseFloatZIndex   : 0               //编辑器的z-index值
    
    });
    </script>
    
    <!--
    要全局配置则在ckeditor下的config.js中CKEDITOR.editorConfig里添加参数
    格式;
    CKEDITOR.editorConfig = function( config ) {
        config.width  = 700;     //编辑器宽度
        config.height = 700;     //编辑器高度
    };
    
    CKEditor配置参数很多
    至此即可使用ckeditor
    -->
    
    
    
    <!--
    //==============================================安装配置CKfinder
    将ckfinder压缩包内ckfinder文件夹解压缩到已有的ckeditor文件夹内
    
    Ckfinder默认配置是不能上传文件到服务器的,所以要对ckfinder文件夹下的config.php做修改,将其文件里的CheckAuthentication() 返回值return false; 改为 return true;。
    CheckAuthentication()这个函数原意是做使用者的身份验证,可以在这里做网站一些验证,不通过不能上传
    
    ckfinder文件夹下的config.php中的$baseUrl修改图片上传路径$baseUrl的根目录默认是设为服务器根目录的,所以最好从项目名下的某个具体路径,这里设为 $baseUrl = 'http://localhost/cked/upload/';
    
    要实现上传功能在该textarea的CKEDITOR.replace里还需添加如下参数
    -->
    <script type="text/javascript">
    CKEDITOR.replace( 'form1_textarea', {
        filebrowserBrowseUrl      : 'ckeditor/ckfinder/ckfinder.html',                                                   //查看CK源码得知浏览服务器按钮有个这种属性指点击后启用的URL,这里指载入CKfinder
        filebrowserImageBrowseUrl : 'ckeditor/ckfinder/ckfinder.html?Type=Images',                                       //点击CK图片按钮时浏览服务器按钮浏览图片存储的文件夹
        filebrowserFlashBrowseUrl : 'ckeditor/ckfinder/ckfinder.html?Type=Flash',                                        //点击flash按钮时浏览服务器按钮浏览图片存储的文件夹
        filebrowserUploadUrl      : 'ckeditor/ckfinder/core/connector/php/connector.php?command=QuickUpload&type=Files', //指启用上传,并指定上传文件调用的php文件
        filebrowserImageUploadUrl : 'ckeditor/ckfinder/core/connector/php/connector.php?command=QuickUpload&type=Images',//上传图品文件时调用的php文件
        filebrowserFlashUploadUrl : 'ckeditor/ckfinder/core/connector/php/connector.php?command=QuickUpload&type=Flash'  //上传flsh时调用的php文件
    });
    
    </script>
    
    <!--
    有的说还要引用下<script language="JavaScript" type="text/javascript" src="./ckeditor/ckfinder/ckfinder.js"></script>文件,但这里没引用一样可用
    
    //======================CKfinder参数设置
    在ckfinder文件夹下的config.php中$config['Thumbnails']用于设置缩略图的部分限制,比如设置缩略图的最大宽度高度等
    
    $config['Images']用于限定上传图片最大宽度高度等
    
    $config['ResourceType'][]用于设定各类文件的上传限制
    $config['ResourceType'][] = Array(
        'name' => 'Flash',                 //类别名为Flash
        'url' => $baseUrl . 'flash',       //取该类文件的URL
        'directory' => $baseDir . 'flash', //存储该类文件的文件夹
        'maxSize' => 0,                    //限制该类文件可上传最大值
        'allowedExtensions' => 'swf,flv',  //该类文件允许上传的文件类型
        'deniedExtensions' => ''           //该类文件禁止上传的文件类型;
    );
    
    
    接收页面
    <?php
    $content = $_POST['form1_textarea'];
    
    //当 magic_quotes_gpc 打开时,所有的 ' (单引号), " (双引号), \ (反斜线) and 空字符会自动转为含有反斜线的转义字符。
    //当输出字符串时,htmlspecialchars将字符串处理把包含的类似<br/>标签等显示在网页上
    get_magic_quotes_gpc()?$content=htmlspecialchars($content):$content=htmlspecialchars(addslashes($content));
    
    //使用$content表示从数据库中提取的数据stripslashes() 函数删除由 addslashes() 函数添加的反斜杠。
    get_magic_quotes_gpc()?$content=$content:$content=stripslashes ($content);
    
    echo $content;
    //也可不处理直接存入数据库中,则显示时编辑器中看到的就是显示在网页上的
    ?>
    -->
  • 相关阅读:
    整理打印PI值
    使用自连接、for xml path('')和stuff合并显示多行数据到一行中(转)
    ThinkPHP+jQuery EasyUI Datagrid查询数据的简单处理
    ThinkPHP学习(三)
    Apache+PHP配置PATHINFO的一个小问题
    ThinkPHP学习(二)
    接口签名工具类
    RSA加密和解密工具类
    kafka项目中踩到的一个坑(客户端和服务器端版本不一致问题)
    自己实现字符串转整数(不使用JDK的字符串转整数的方法)
  • 原文地址:https://www.cnblogs.com/dreamhome/p/2880361.html
Copyright © 2011-2022 走看看