在codeigniter中带有tinymce的响应式文件管理器不显示缩略图

Posted 2023-05-07

【中文标题】在codeigniter中带有tinymce的响应式文件管理器不显示缩略图

【英文标题】：Responsive filemanager with tinymce in codeigniter not showing thumbnails

【发布时间】：2018-02-03 08:34:45

【问题描述】：

我在 Codeigniter 中使用带有 tinyMce 4.6.5 的响应式文件管理器。 页面加载后，如果我尝试从现有图片中插入图片，则不会显示缩略图（图片中的示例）。

我的响应式文件管理器配置：

'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;">

如果我按下“预览”，则会显示缩略图。

提前致谢:)

【问题讨论】：

是否有“../../uploads/tinyMce/thumbs/doggo.jpg”文件？如果有，网络服务器是否对该文件有读取权限？

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

I found this related answer。您是否在控制台中收到任何脚本错误？

还是不行

根据我的经验，RFM 拇指问题几乎总是与权限有关。我认为它会自动生成带有 766 之类的奇怪权限的拇指，这在某些系统上可能是个问题。该网站是否有机会在 cPane/WHM 上运行？

【参考方案1】：

尝试从文件管理器文件夹中编辑一个名为 dialog.php 的文件 输入搜索“img”，你会找到类 img-precontainer 的 div。 然后你会看到“data-src”。您必须将其更改为“src”。希望它有效。

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

这是我的完整示例的链接： https://github.com/cloudsnight/testplugins.git

【讨论】：

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