响应式文件管理器未在 TinyMCE 上显示图像

Posted

技术标签:

【中文标题】响应式文件管理器未在 TinyMCE 上显示图像【英文标题】:Responsive File Manager not displaying Images on TinyMCE 【发布时间】:2018-10-22 14:50:52 【问题描述】:

所以我刚刚在 CodeIgniter 应用程序中实现了响应式文件管理器,到目前为止它显示了对话框(模式),它允许我创建文件夹和上传文件,当我在 TinyMCE 编辑器中选择任何图像时就会出现问题。

这同样适用于任何类型的文件,而不仅仅是图像。

这是我需要使用文件管理器的实际路径(admin/posts/add):

申请 查看次数 管理员 帖子 添加 资产 文件管理器 文件 系统

这是我在视图文件 (admin/posts/add) 中的 javascript

    tinymce.init(
    selector: "textarea",
    theme: "modern",
    image_advtab: true,
    image_caption: true,
    image_title: true,
    image_prepend_url: "<?php echo base_url('assets/files/source') ?>",

        plugins: [
         "advlist autolink link image lists charmap print preview hr anchor pagebreak",
         "searchreplace wordcount visualblocks visualchars insertdatetime media nonbreaking",
         "table contextmenu directionality emoticons paste textcolor responsivefilemanager code",
         "print preview fullpage fullscreen template codesample toc spellchecker imagetools colorpicker textpattern help"
   ],


    toolbar1: 'formatselect | bold italic strikethrough forecolor backcolor | link | alignleft aligncenter alignright alignjustify  | numlist bullist outdent indent  | removeformat | responsivefilemanager',
    content_css: [
      '//fonts.googleapis.com/css?family=Lato:300,300i,400,400i',
      '//www.tinymce.com/css/codepen.min.css'
    ],

    relative_urls: false,

    formats: 
        alignleft : selector: 'img', styles: float: 'left', margin: '0px 10px 0px 0px', classes: 'img-responsive',
        alignright : selector: 'img', styles: float: 'right', margin: '0px 0px 0px 10px', classes: 'img-responsive',
    ,

   external_filemanager_path:"<?php echo base_url('assets/filemanager/') ?>",
   filemanager_title:"Filemanager" ,
   external_plugins:  "filemanager" : "<?php echo base_url('assets/tinymce/plugins/responsivefilemanager/plugin.min.js') ?>"
);

提前致谢。如果您需要从 filemanager 文件夹中查看我的配置文件,请告诉我,我目前不想让这个问题比它已经存在的时间更长。

【问题讨论】:

【参考方案1】:

我知道这有点晚了,但问题可能出在您的配置文件上。我遇到了同样的问题,我通过更改配置文件上的“upload_dir”来修复它。

【讨论】:

以上是关于响应式文件管理器未在 TinyMCE 上显示图像的主要内容,如果未能解决你的问题,请参考以下文章

TinyMCE 编辑器未在 JQuery UI 对话框中显示

Tinymce Angular 2 响应式文件管理器

tinyMCE HTMLField 未在 Django 中正确显示结果

使用响应式文件管理器和 tinymce - 创建用户会话

保护响应式文件管理器免受直接访问

图像未在 Postman 中显示