如何在CodeIgniter中集成CKFinder和CKEditor?

问题描述 投票:3回答:1

我研究了这个,我发现了许多集成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。

javascript php html codeigniter ckfinder
1个回答
0
投票

您可以使用responsivefilemanager: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

© www.soinside.com 2019 - 2024. All rights reserved.