nyrodev/utility-bundle

Utility Bundle for Symfony, provide many shortcut and useful functionnalities

v6.2 2024-10-24 19:45 UTC

Requires

• nyrodev/php-template-bundle: ^6
• symfony/framework-bundle: ^6
• symfony/templating: ^6

Suggests

• becklyn/ordered-form-bundle: Used for form positionning
• doctrine/doctrine-cache-bundle: Required to cache EmbedService result
• embed/embed: Required to use EmbedService
• sabberworm/php-css-parser: Required to use rem2px command
• slim/psr7: Required to use EmbedService, or any other PS7 implementation

MIT

• Cédric Nirousset

README

Using TinymceType

Add tinymce to your dependancies:

composer require tinymce/tinymce

Add tinymce depency your webpack encore config:

    .addPlugin(new CopyWebpackPlugin({
        patterns: [
            {from: 'vendor/tinymce/tinymce', to: '../tinymce'}
        ]
    }))

Translate Tinymce

Require tinymce npm dependancy:

npm i tinymce-i18n

Then copy the language file you need by adding to your webpack encore config:

    .addPlugin(new CopyWebpackPlugin({
        patterns: [
            {from: 'vendor/tinymce/tinymce', to: '../tinymce'},
            {from: 'node_modules/tinymce-i18n/langs7/fr_FR.js', to: '../tinymce/langs/'},
            {
                from: 'node_modules/tinymce-i18n/langs7/fr_FR.js',
                to: '../tinymce/langs/fr.js',
                transform: (input, filename) => {
                    return input.toString().replace('tinymce.addI18n("fr_FR", {', 'tinymce.addI18n("fr", {');
                }
            }
        ]
    }))

Using tinymce browser feature

Add JS and CSS generation to your webpack encore config:

    .addEntry('css/admin/tinyBrowser', './vendor/nyrodev/utility-bundle/Resources/public/css/tinyBrowser/index.css')
    .addEntry('js/admin/tinyBrowser', './vendor/nyrodev/utility-bundle/Resources/public/js/tinyBrowser/index.js')

Add tinymce plugins depency your webpack encore config:

    .addPlugin(new CopyWebpackPlugin({
        patterns: [
            {from: 'vendor/tinymce/tinymce', to: '../tinymce'},
            {from: 'vendor/nyrodev/utility-bundle/Resources/public/js/filemanager', to: '../tinymce/plugins/filemanager'},
            {from: 'node_modules/tinymce-i18n/langs7/fr_FR.js', to: '../tinymce/langs/'},
            {
                from: 'node_modules/tinymce-i18n/langs7/fr_FR.js',
                to: '../tinymce/langs/fr.js',
                transform: (input, filename) => {
                    return input.toString().replace('tinymce.addI18n("fr_FR", {', 'tinymce.addI18n("fr", {');
                }
            }
        ]
    }))

Create a route for the browser page, in config/routes/browser.yaml:
Be sure to protect this route behind a security firewall!

tiny_browser:
  path: "%adminPrefix%/tinyBrowser/{type}/{dir}"
  controller: NyroDev\UtilityBundle\Controller\TinymceController::browserAction
  defaults:
    dir: null
  requirements:
    dir: '.+'