響應文件管理器與tinymce在codeigniter中不顯示縮略圖

我在Codeigniter中使用響應文件管理器與tinyMce 4.6.5。加載頁面後，如果嘗試插入現有圖像，縮略圖不會顯示（圖片中的示例）。響應文件管理器與tinymce在codeigniter中不顯示縮略圖

我的響應文件管理器配置：

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

縮略圖：

以及響應文件管理器的刷新按鈕後，它改變了這一點。

感謝提前:)

來源

2017-08-25 mihaela

是否有」 ../../uploads/tinyMce/thumbs/doggo .jpg「文件？如果是這樣，那麼Web服務器是否具有對文件的讀取權限？ – ourmandave

是的，照片在服務器上，它有755個權限集。當我第一次按下插入文件時，不顯示縮略圖，如果我關閉彈出窗口並再次嘗試，它就會出現。 – mihaela

[我發現這個相關答案]（https://stackoverflow.com/a/44430586/3585500）。您是否在控制檯中收到任何腳本錯誤？ – ourmandave

嘗試從文件管理器文件夾中編輯文件名是dialog.php 類型搜索「IMG」，你會發現帶班IMG-precontainer股利。然後你會看到「data-src」。您必須將其更改爲「src」。希望它有效。

這裏是鏈接的代碼/例如https://gist.github.com/cloudsnight/f44103499e9bb5b782efea7e80b4c9a6

這裏完整的例子，從我的鏈接： https://github.com/cloudsnight/testplugins.git

來源

2017-11-09 16:53:38 Uchin

請將您的代碼作爲文本發佈在答案中，而不是鏈接和圖像。 –

響應文件管理器與tinymce在codeigniter中不顯示縮略圖

回答

相關問題