如何在CodeIgniter中集成CKFinder和CKEditor?

时间:2016-12-09 00:10:45

标签: javascript php html codeigniter ckfinder

我研究了这个,我找到了许多集成CKEditor的方法,但是我在整合CKFinder方面遇到了麻烦。我的网站是由其他人创建的,但我觉得我可以自己整合。

该网站包含文章,我有一个使用CKEditor的“视图”。它工作得很好但我无法将图像上传到服务器或浏览服务器图像以在CKEditor中插入照片。所以我无法在文章文本中添加照片。我希望CKFinder能解决这个问题。

我已经上传了CKFinder文件并将它们放在与CKEditor相同的位置。在我的addcontent.php中,我在头文件中声明了CKEditor代码。

    <script src="<?php echo base_url(); ?>plugins/ckeditor/ckeditor.js"></script>

这是ckeditor textarea:

    <div class="form-group">
                  <label>Content Text</label>
                  <textarea class="form-control" id="description" name="text" rows="3"></textarea><div id="des_error" class="text-danger"></div>
                </div>

这是ckeditor功能:

        <script type="text/javascript">
  $(function () {
    // Replace the <textarea id="editor1"> with a CKEditor
    // instance, using default configuration.
    CKEDITOR.replace('description');
    //bootstrap WYSIHTML5 - text editor
    $(".textarea").wysihtml5();

如果我在标题中声明ckfinder,就像这样:

    <script src="<?php echo site_url(); ?>plugins/ckfinder/ckfinder.js"></script>

如何修改代码以允许CKFfinder与CKEditor一起使用,以便我可以在文章文本中浏览和上传文件?

作为旁注,我没有看到任何控制器中定义的CKEditor。

1 个答案:

答案 0 :(得分:0)

您可以使用响应文件管理器: https://www.responsivefilemanager.com/#download-section

<script>

    CKEDITOR.replace('description', {

        filebrowserBrowseUrl: '<?php echo base_url();?>filemanager/dialog.php?type=2&editor=ckeditor&fldr=',

        filebrowserUploadUrl: '<?php echo base_url();?>filemanager/dialog.php?type=2&editor=ckeditor&fldr=',

        filebrowserImageBrowseUrl: '<?php echo base_url();?>filemanager/dialog.php?type=1&editor=ckeditor&fldr='

    });

</script>

您应该在filemanager \ config \ config.php上更改配置文件

upload_dir' => '/uploadfilemanager/source/', //Upload folder

'thumbs_base_path' => '../thumbs/', //Thumbnail folder 

'current_path' => '../source/', // The current path that you're using CKEditor

CKEditor and File Manager