README

Symfony 4 媒体管理器

在您的 routes.yaml 文件中添加：

media_manager:
  resource: "@MrkushalSharmaMediaManagerBundle/Resources/config/routing.yaml"
  prefix:   /

在您的 twig.yaml 文件中添加：

paths:
    '%kernel.project_dir%/vendor/mrkushalsharma/symfony-media-manager/src/Templates': MrkushalSharma

在 public 文件夹中创建一个名为 uploads 的目录，在 upload 目录中创建 media，并在其中创建 3 个名为 large、medium 和 thumbnail 的媒体。

运行命令

bin/console asset:install

在您的布局文件中也要添加 css 和脚本文件

    <link href="{{ asset('bundles/mrkushalsharmamediamanager/css/dropzone.css') }}" rel="stylesheet" type="text/css"></link>
    <link href="{{ asset('bundles/mrkushalsharmamediamanager/css/style.css') }}" rel="stylesheet" type="text/css"></link>

    <script src="{{ asset('bundles/mrkushalsharmamediamanager/js/dropzone.js') }}"></script>
    <script src="{{ asset('bundles/mrkushalsharmamediamanager/js/bootbox.js') }}"></script>
    
    <script src="{{ asset('bundles/mrkushalsharmamediamanager/js/common.js') }}"></script>
    or {% include 'MrkushalSharma/Scripts/commonJs.html.twig' %}

    <script src="{{ asset('bundles/fintechmediamanager/js/media.js') }}"></script>
    or  {% include '@Fintech/Scripts/mediaJs.html.twig' %}

基本示例

  <a href="#"  data-popup="tooltip" class="changeCover" data-original-title="Click here to upload image" class="cursor-pointer btn bg-fn-pink" >change</a>
  
$('.changeCover').fnMediaModal({
    onSuccess(res,_self){            
    
    }
});

对于 CKEditor：onclick="insertCkeditorImage(this,'post_description')

输入类型示例：onclick="insertImageUrl(this, 'featuredImage')"

列出媒体：fn_media_list 或 /media/list

列出媒体：fn_media_list 或 /media/list