2017-08-25 106 views
0

我在Codeigniter中使用响应文件管理器与tinyMce 4.6.5。 加载页面后,如果尝试插入现有图像,缩略图不会显示(图片中的示例)。响应文件管理器与tinymce在codeigniter中不显示缩略图

enter image description here

我的响应文件管理器配置:

'base_url' => ((isset($_SERVER['HTTPS']) && $_SERVER['HTTPS'] && ! in_array(strtolower($_SERVER['HTTPS']), array('off', 'no'))) ? 'https' : 'http') . '://' . $_SERVER['HTTP_HOST'], 
'upload_dir' => '/testsite/uploads/tinyMce/thumbs/', 
'current_path' => '../../uploads/tinyMce/thumbs/', 
'thumbs_base_path' => '../../uploads/tinyMce/thumbs/', //opens in filemanager 

而且TinyMCE的配置:

tinymce.init({ 
selector: selector, 
height: 200, 
width: 700, 
theme: 'modern', 
skin:'lightgray', 
plugins: [ 
    'advlist autolink lists charmap print preview hr anchor pagebreak', 
    'searchreplace wordcount visualblocks visualchars code fullscreen', 
    'insertdatetime nonbreaking save table contextmenu directionality', 
    'emoticons template paste textcolor textpattern imagetools toc responsivefilemanager' 
], 
filemanager_title:"Responsive Filemanager", 
external_filemanager_path: siteURL + "scripts/filemanager/", 
external_plugins: { "filemanager" : siteURL + "scripts/filemanager/plugin.min.js"}, 
toolbar1: 'undo redo | insert | styleselect | bold italic | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | link image', 
toolbar2: 'print preview media | forecolor backcolor emoticons | help', 
image_advtab: true, 
templates: [ 
    { title: 'Test template 1', content: 'Test 1' }, 
    { title: 'Test template 2', content: 'Test 2' } 
] 
}); 

如果我检查图像容器,这是HTML:

<img class=" lazy-loaded" data-original="../../uploads/tinyMce/thumbs/doggo.jpg" src="data:image/png;base64..."> 
如果我按在“预览”显示

<img class=" lazy-loaded" data-original="../../uploads/tinyMce/thumbs/doggo.jpg" src="../../uploads/tinyMce/thumbs/doggo.jpg" style="display: inline;"> 

缩略图:

以及响应文件管理器的刷新按钮后,它改变了这一点。

感谢提前:)

+1

是否有” ../../uploads/tinyMce/thumbs/doggo .jpg“文件?如果是这样,那么Web服务器是否具有对文件的读取权限? – ourmandave

+0

是的,照片在服务器上,它有755个权限集。当我第一次按下插入文件时,不显示缩略图,如果我关闭弹出窗口并再次尝试,它就会出现。 – mihaela

+0

[我发现这个相关答案](https://stackoverflow.com/a/44430586/3585500)。您是否在控制台中收到任何脚本错误? – ourmandave

回答

0

尝试从文件管理器文件夹中编辑文件名是dialog.php 类型搜索“IMG”,你会发现带班IMG-precontainer股利。 然后你会看到“data-src”。您必须将其更改为“src”。希望它有效。

这里是链接的代码/例如https://gist.github.com/cloudsnight/f44103499e9bb5b782efea7e80b4c9a6

这里完整的例子,从我的链接: https://github.com/cloudsnight/testplugins.git

+0

请将您的代码作为文本发布在答案中,而不是链接和图像。 –