Question

我已经添加了ckeditor的Image uploader插件，现在任何人都可以告诉我如何添加浏览服务器路径？我正在使用Coedigniter并将文件夹保存在资产中。我在互联网上找到了一些可以添加的东西

plugins->imageuploader->plugin.js

在plugin.js

中

CKEDITOR.plugins.add( 'imageuploader', {
    init: function( editor ) {
        editor.config.filebrowserBrowseUrl = 'ckeditor/plugins/imageuploader/imgbrowser.php';
    }
});

我找到了这些。现在当我点击添加图片并点击Browse Server时，它会抛出404找不到。

我甚至将图像附加到问题上。 Image of a problem

Answer 1

这是在文件浏览器中选择文件时返回ckeditor路径的jquery代码

$(document).ready(function() {
  var funcNum = <?php echo $_GET['CKEditorFuncNum'].';'; ?>
  $('#fileList-wrapper').on('click', 'img', function() {
    var fileUrl = $(this).attr('data-id');
    window.opener.CKEDITOR.tools.callFunction(funcNum, fileUrl);
    window.close();
  });
});

此处是文件浏览器中显示文件的文件php代码

<div id="fileList-wrapper">
<?php 
    $fileList = glob('assets/uploads/*');
    foreach($fileList as $fileName){
    ?>
        <div class="thumbnail">
        <img src="<?= base_url().$fileName?>" data-id="<?= base_url().$fileName?>" width="140" height="120"/>
                        <br />
                        <?= $fileName ?>
                    </div>
                <?php
            }
            ?>
        </div>

这里需要将js文件添加到文件中

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="//cdn.ckeditor.com/4.6.2/full-all/ckeditor.js"></script>

您可能需要添加CSS样式

如何在Codeigniter中的ckeditor中添加路径到图像上传器插件？

1 个答案: