2017 © Pedro Peláez
 

library filebrowser-bundle

Filelib filebrowser for wysiwyg editors

image

xi/filebrowser-bundle

Filelib filebrowser for wysiwyg editors

  • Thursday, July 11, 2013
  • by xi-project
  • Repository
  • 1 Watchers
  • 3 Stars
  • 229 Installations
  • PHP
  • 0 Dependents
  • 0 Suggesters
  • 3 Forks
  • 1 Open issues
  • 7 Versions
  • 0 % Grown

The README.md

xi-bundle-filebrowser

Filelib filebrowser for wysiwyg editors, (*1)

dependencies: - filelib *https://github.com/xi-project/xi-filelib - xi-bundle-filelib *https://github.com/xi-project/xi-bundle-filelib, (*2)

howto setup

  1. Make sure you have filelib and xi-bundle-filelib installed
  2. Install your wysivyg editor. This pacage is tested to work with TinyMCE but it sould also work with CKEditor
  3. Initialize custom browser callback in your js/coffeescript
  4. Edit your config file
  5. You might want to restrict access to /file/browser/. Use your project security config file for this.

1. install filelib and xi-bundle-filelib

Deps -file:
[xi-filelib]
    git=http://github.com/xi-project/xi-filelib.git
    version=master

[XiFilelibBundle]
    git=http://github.com/xi-project/xi-bundle-filelib    
    target=/bundles/Xi/Bundle/FilelibBundle

[XiFilebrowserBundle]
    git@github.com:xi-project/xi-bundle-filebrowser.git
    target=/bundles/Xi/Bundle/Filebrowser
    version=master

AppKernel.php, (*3)

<?php 
  new Xi\Bundle\FilelibBundle\XiFilelibBundle(),
?>

2. Installing wysiwyg editor

You can do this anyway you like. It is possible to use stfalcon TinymceBundle for this *https://github.com/stfalcon/TinymceBundle, (*4)

if you use stfalcon tinymcebundle be adviced that you must specify your callback in each theme, (*5)

    theme:
        simple:
            file_browser_callback: TinyMceFilelibFilebrowserCallback

3. Initialize custom browser callback in your js/coffeescript

Following example is in coffeescript format and for TinyMce, (*6)


window.TinyMceFilelibFilebrowserCallback = (field_name, url, type, win) ->

    tinyMCE.activeEditor.windowManager.open({
        file : "/file/browser/list/"+ type,
        title : 'Filebrowser',
        width : 800,  
        height : 800,
        resizable : "yes",
        inline : "yes",  
        close_previous : "no"
    }, {
        window : win,
        input : field_name
    });

    return false;

4. Edit your config file

folder is name of virtual filelib folder where your files are located, (*7)

xi_filebrowser:
  folder: filebrowser

Update your routing to take account filebrowser routing.yml, (*8)

XiFilebrowserBundle:
    resource: "@XiFilebrowserBundle/Resources/config/routing.yml"
    prefix:   /

The Versions

11/07 2013

dev-symfony2.2-support

dev-symfony2.2-support

Filelib filebrowser for wysiwyg editors

  Sources   Download

The Requires

  • php >=5.3.3

 

The Development Requires

by Avatar xi-project

08/07 2013

0.7.0.x-dev

0.7.0.9999999-dev

Filelib filebrowser for wysiwyg editors

  Sources   Download

The Requires

 

by Avatar xi-project

08/07 2013

2.2.x-dev

2.2.9999999.9999999-dev

Filelib filebrowser for wysiwyg editors

  Sources   Download

The Requires

 

by Avatar xi-project

04/09 2012

dev-master

9999999-dev

Filelib filebrowser for wysiwyg editors

  Sources   Download

The Requires

 

by Avatar xi-project

03/09 2012

2.1.x-dev

2.1.9999999.9999999-dev

Filelib filebrowser for wysiwyg editors

  Sources   Download

The Requires

 

by Avatar xi-project

28/06 2012

2.0.x-dev

2.0.9999999.9999999-dev

Filelib filebrowser for wysiwyg editors

  Sources   Download

The Requires

 

by Avatar xi-project

28/06 2012

dev-composer

dev-composer

Filelib filebrowser for wysiwyg editors

  Sources   Download

The Requires

 

by Avatar xi-project