PHPackages                             xi/filebrowser-bundle - PHPackages - PHPackages  [Skip to content](#main-content)[PHPackages](/)[Directory](/)[Categories](/categories)[Trending](/trending)[Leaderboard](/leaderboard)[Changelog](/changelog)[Analyze](/analyze)[Collections](/collections)[Log in](/login)[Sign up](/register)

1. [Directory](/)
2. /
3. [File &amp; Storage](/categories/file-storage)
4. /
5. xi/filebrowser-bundle

ActiveLibrary[File &amp; Storage](/categories/file-storage)

xi/filebrowser-bundle
=====================

Filelib filebrowser for wysiwyg editors

2.2.x-dev(12y ago)32293[1 PRs](https://github.com/xi-project/xi-bundle-filebrowser/pulls)PHPCI failing

Since Jun 28Pushed 12y agoCompare

[ Source](https://github.com/xi-project/xi-bundle-filebrowser)[ Packagist](https://packagist.org/packages/xi/filebrowser-bundle)[ RSS](/packages/xi-filebrowser-bundle/feed)WikiDiscussions master Synced 2w ago

READMEChangelogDependencies (4)Versions (7)Used By (0)

xi-bundle-filebrowser
=====================

[](#xi-bundle-filebrowser)

Filelib filebrowser for wysiwyg editors

dependencies:

- filelib \*
- xi-bundle-filelib \*

howto setup
-----------

[](#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

[](#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

```

```

### 2. Installing wysiwyg editor

[](#2-installing-wysiwyg-editor)

You can do this anyway you like. It is possible to use stfalcon TinymceBundle for this \*

if you use stfalcon tinymcebundle be adviced that you must specify your callback in each theme

```
    theme:
        simple:
            file_browser_callback: TinyMceFilelibFilebrowserCallback
```

### 3. Initialize custom browser callback in your js/coffeescript

[](#3-initialize-custom-browser-callback-in-your-jscoffeescript)

Following example is in coffeescript format and for TinyMce

```
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

[](#4-edit-your-config-file)

folder is name of virtual filelib folder where your files are located

```
xi_filebrowser:
  folder: filebrowser
```

Update your routing to take account filebrowser routing.yml

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

###  Health Score

28

—

LowBetter than 52% of packages

Maintenance20

Infrequent updates — may be unmaintained

Popularity17

Limited adoption so far

Community12

Small or concentrated contributor base

Maturity53

Maturing project, gaining track record

 Bus Factor1

Top contributor holds 61.1% of commits — single point of failure

How is this calculated?**Maintenance (25%)** — Last commit recency, latest release date, and issue-to-star ratio. Uses a 2-year decay window.

**Popularity (30%)** — Total and monthly downloads, GitHub stars, and forks. Logarithmic scaling prevents top-heavy scores.

**Community (15%)** — Contributors, dependents, forks, watchers, and maintainers. Measures real ecosystem engagement.

**Maturity (30%)** — Project age, version count, PHP version support, and release stability.

###  Release Activity

Cadence

Every ~125 days

Total

4

Last Release

4732d ago

### Community

Maintainers

![](https://avatars.githubusercontent.com/u/847868?v=4)[Xi](/maintainers/xi-project)[@xi-project](https://github.com/xi-project)

---

Top Contributors

[![HenriVesala](https://avatars.githubusercontent.com/u/965788?v=4)](https://github.com/HenriVesala "HenriVesala (22 commits)")[![joonsp](https://avatars.githubusercontent.com/u/455369?v=4)](https://github.com/joonsp "joonsp (12 commits)")[![janimatti](https://avatars.githubusercontent.com/u/1001560?v=4)](https://github.com/janimatti "janimatti (1 commits)")[![pekkis](https://avatars.githubusercontent.com/u/465620?v=4)](https://github.com/pekkis "pekkis (1 commits)")

### Embed Badge

![Health badge](/badges/xi-filebrowser-bundle/health.svg)

```
[![Health](https://phpackages.com/badges/xi-filebrowser-bundle/health.svg)](https://phpackages.com/packages/xi-filebrowser-bundle)
```

###  Alternatives

[easycorp/easyadmin-bundle

Admin generator for Symfony applications

4.3k17.5M373](/packages/easycorp-easyadmin-bundle)[symfony/http-kernel

Provides a structured process for converting a Request into a Response

8.1k853.6M8.3k](/packages/symfony-http-kernel)[symfony/framework-bundle

Provides a tight integration between Symfony components and the Symfony full-stack framework

3.6k246.0M11.1k](/packages/symfony-framework-bundle)[symfony/security-bundle

Provides a tight integration of the Security component into the Symfony full-stack framework

2.5k181.3M2.2k](/packages/symfony-security-bundle)[sylius/sylius

E-Commerce platform for PHP, based on Symfony framework.

8.5k5.8M712](/packages/sylius-sylius)[prestashop/prestashop

PrestaShop is an Open Source e-commerce platform, committed to providing the best shopping cart experience for both merchants and customers.

9.1k16.8k](/packages/prestashop-prestashop)

PHPackages © 2026

[Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)
