helios-ag/fm-tinymce-bundle

TinyMCE bundle, adds TinyMCE editor to your Symfony project

FMTinyMCEBundle

TinyMCE integration in Symfony, _(*1)

The purpose of bundle is to provide seamless integration between elFinder and TinyMCE editor., _(*2)

Code Quality Assurance

CoverAlls	License	StyleCI	Version Status

Downloads

TinyMCE is a platform independent web-based JavaScript WYSIWYG HTML editor control released as open source under LGPL., _(*3)

TinyMCE enables you to convert HTML TEXTAREA fields or other HTML elements to editor instances., _(*4)

Table of contents, _(*5)

• Installation
  • Step 1: Installation
  • Step 2: Enable the bundle
• Basic configuration
  • Add configuration options to your config.yml

Installation

Step 1: Installation

Add FMTinyMCEBundle to your composer.json:, _(*6)

{
    "require": {
        "helios-ag/fm-tinymce-bundle": "~1"
    }
}

If you want to override default assets directory of Richfilemanager, add next option. By default, assets copied to web/assets/tinymce or public/assets/tinymce depending on Symfony version, _(*7)

{
    "config": {
        "tinymce-dir": "web/assets/"
    }
}

Add composer script, _(*8)

"FM\\TinyMCEBundle\\Composer\\TinyMCEScriptHandler::copy",, _(*9)

to scripts section of composer.json, _(*10)

{
  "scripts": {
      "symfony-scripts": [
          "Incenteev\\ParameterHandler\\ScriptHandler::buildParameters",
          "Sensio\\Bundle\\DistributionBundle\\Composer\\ScriptHandler::buildBootstrap",
          "Sensio\\Bundle\\DistributionBundle\\Composer\\ScriptHandler::clearCache",
          "FM\\TinyMCEBundle\\Composer\\TinyMCEcriptHandler::copy",
          "Sensio\\Bundle\\DistributionBundle\\Composer\\ScriptHandler::installAssets",
          "Sensio\\Bundle\\DistributionBundle\\Composer\\ScriptHandler::installRequirementsFile",
          "Sensio\\Bundle\\DistributionBundle\\Composer\\ScriptHandler::prepareDeploymentTarget"
      ]
    }
}

Now tell the composer to download the bundle by running the command:, _(*11)

composer update helios-ag/fm-tinymce-bundle

Step 2: Enable the bundle

Enable the bundle in the kernel:, _(*12)

<?php
// app/AppKernel.php

public function registerBundles()
{
    $bundles = array(
        // ...
        new FM\TinyMCEBundle\FMTinyMCEBundle(),
    );
}

Basic configuration

Add configuration options to your config.yml

fm_tinymce:
    instances:
        first_instance:
            language: en_US
            width: 300
            height: 400
        my_advanced_configuration:
             locale: ru_RU

Advanced Configuration

To make story short, here example of Integration between TinyMCE and Elfinder bundles, _(*13)

fm_tinymce:
    instances:            # Required
        elfinder:
            language: ru
            image_advtab:         true
            file_picker_callback: elFinderBrowser
            filebrowser_type:     fm_elfinder
            filebrowser:
                route:                elfinder
                route_parameters:
                    instance: tinymce

and configuration for ElFinderBrowser, _(*14)

fm_elfinder:
    instances:
        tinymce:
            language: ru
            editor: tinymce4 #
            include_assets: true
            relative_path: true
            connector:
                roots:       # at least one root must be defined
                    uploads:
                        show_hidden: false
                        driver: LocalFileSystem
                        path: uploads
                        upload_allow: ['all']

Full configuration reference example, _(*15)

```yaml fm_tinymce: enable: true inline: false base_path: assets/tinymce/ js_path: assets/tinymce/tinymce.min.js instances: default: language: en_US width: 600 height: 300 theme: modern toolbar_item_size: small menubar: file edit insert view format table tools image_advtab: false templates: templates: title: ~ content: ~ plugins: "" relative_urls: false convert_urls: false toolbars: toolbar1: undo redo | styleselect | bold italic | link image filebrowser_type: fm_elfinder file_picker_callback: elFinderBrowser filebrowser: url: http://localhost/elfinder route: elfinder route_parameters: instance: default, <sub>(*16)</sub>