nyrodev/utility-bundle

Utility Bundle for Symfony, provide many shortcut and useful functionnalities

UtilityBundle

Using TinymceType

Add tinymce to your dependancies:, _(*1)

composer require tinymce/tinymce

Add tinymce depency your webpack encore config:, _(*2)

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

Translate Tinymce

Require tinymce npm dependancy:, _(*3)

npm i tinymce-i18n

Then copy the language file you need by adding to your webpack encore config:, _(*4)

    .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:, _(*5)

    .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:, _(*6)

    .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!, _(*7)

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