Tinymce icons custom svg

.gitignore

@@ -1 +1,4 @@
 *~
+/vendor/
+.idea
+composer.lock

DependencyInjection/Configuration.php

@@ -17,59 +17,112 @@ class Configuration implements ConfigurationInterface
      */
     public function getConfigTreeBuilder(): TreeBuilder
     {
-        $defaults = $this->getTinymceDefaults();
-
-        $treeBuilder = new TreeBuilder();
+        $treeBuilder = new TreeBuilder("TinyMCEBundle");
 
         return $treeBuilder
-            ->root('stfalcon_tinymce', 'array')
+            ->root('tinymce', 'array')
                 ->children()
-                    // Include jQuery (true) library or not (false)
-                    ->booleanNode('include_jquery')->defaultFalse()->end()
-                    // Use jQuery (true) or standalone (false) build of the TinyMCE
-                    ->booleanNode('tinymce_jquery')->defaultFalse()->end()
+                    // Default language for all instances of the editor
+                    ->scalarNode('language')->defaultNull()->end()
+                    // Default config name
+                    ->scalarNode('config_name')->defaultValue('default')->end()
+                    // Selector
+                    ->scalarNode('selector')->defaultValue('[data-tinymce]')->end()
                     // Set init to true to use callback on the event init
                     ->booleanNode('use_callback_tinymce_init')->defaultFalse()->end()
-                    // Selector
-                    ->scalarNode('selector')->defaultValue('.tinymce')->end()
                     // base url for content
                     ->scalarNode('base_url')->end()
                     // asset packageName
                     ->scalarNode('asset_package_name')->end()
-                    // Default language for all instances of the editor
-                    ->scalarNode('language')->defaultNull()->end()
-                    ->arrayNode('theme')
-                        ->useAttributeAsKey('name')
-                        ->prototype('array')
-                            ->useAttributeAsKey('name')
-                            ->prototype('variable')->end()
+                    // content style
+                    ->scalarNode('content_style')->defaultValue('')->end()
+                    // valid html elements
+                    ->scalarNode('valid_elements')->end()
+                    // plugins
+                    ->scalarNode('plugins')->defaultValue('')->end()
+                    // character encoding
+                    ->scalarNode('entity_encoding')->defaultValue('raw')->end()
+                    // extended valid elements (tags)
+                    ->scalarNode('extended_valid_elements')->defaultValue('')->end()
+                    // extended valid elements for tags (tags in tags)
+                    ->scalarNode('valid_children')->defaultValue('')->end()
+                    // toolbar
+                    ->scalarNode('toolbar')->defaultValue('undo redo | styleselect | bold italic | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent')->end()
+                    ->scalarNode('quickbars_selection_toolbar')->defaultValue('')->end()
+                    ->scalarNode('quickbars_insert_toolbar')->defaultValue('')->end()
+                    ->booleanNode('relative_urls')->defaultFalse()->end()
+                    ->booleanNode('remove_script_host')->defaultFalse()->end()
+                    ->booleanNode('convert_urls')->defaultFalse()->end()
+                    ->booleanNode('browser_spellcheck')->defaultTrue()->end()
+                    ->arrayNode('file_picker')
+                        ->children()
+                            ->scalarNode('engine')->defaultNull()->end()
+                            ->scalarNode('name')->defaultNull()->end()
+                            ->scalarNode('route')->defaultNull()->end()
+                            ->arrayNode('route_parameters')
+                                ->prototype('scalar')->end()
+                            ->end()
                         ->end()
-                        // Add default theme if it doesn't set
-                        ->defaultValue($defaults)
                     ->end()
-                    // Configure custom TinyMCE buttons
-                    ->arrayNode('tinymce_buttons')
-                        ->useAttributeAsKey('name')
-                        ->prototype('array')
-                            ->addDefaultsIfNotSet()
-                            ->children()
-                                ->scalarNode('text')->defaultNull()->end()
-                                ->scalarNode('title')->defaultNull()->end()
-                                ->scalarNode('image')->defaultNull()->end()
-                                ->scalarNode('icon')->defaultNull()->end()
+                    ->arrayNode('file_browser')
+                        ->children()
+                            ->scalarNode('engine')->defaultNull()->end()
+                            ->scalarNode('name')->defaultNull()->end()
+                            ->scalarNode('route')->defaultNull()->end()
+                            ->arrayNode('route_parameters')
+                                ->prototype('scalar')->end()
+                            ->end()
+                        ->end()
+                    ->end()
+                    ->scalarNode('variable_prefix')->defaultValue('{{')->end()
+                    ->scalarNode('variable_suffix')->defaultValue('}}')->end()
+                    // allow paste images into editor
+                    ->booleanNode('paste_data_images')->defaultTrue()->end()
+                    ->arrayNode('variables')
+                        ->children()
+                            ->scalarNode('title')->defaultNull()->end()
+                            ->arrayNode('list')
+                                ->prototype('scalar')->end()
                             ->end()
                         ->end()
                     ->end()
-                    // Configure external TinyMCE plugins
-                    ->arrayNode('external_plugins')
+                    ->arrayNode('theme')
                         ->useAttributeAsKey('name')
-                        ->prototype('array')
+                            ->prototype('array')
                             ->addDefaultsIfNotSet()
                             ->children()
-                                ->scalarNode('url')->isRequired()->end()
+                                ->scalarNode('toolbar')->defaultNull()->end()
+                                ->scalarNode('quickbars_selection_toolbar')->defaultNull()->end()
+                                ->scalarNode('quickbars_insert_toolbar')->defaultNull()->end()
                             ->end()
                         ->end()
                     ->end()
+
+                    // Configure custom TinyMCE buttons
+                    ->arrayNode('tinymce_buttons')
+            ->useAttributeAsKey('name')
+            ->prototype('array')
+            ->addDefaultsIfNotSet()
+            ->children()
+            ->scalarNode('text')->defaultNull()->end()
+            ->scalarNode('tooltip')->defaultNull()->end()
+            ->scalarNode('icon')->defaultNull()->end()
+            ->end()
+            ->end()
+            ->end()
+
+            //custom icons svg
+            ->arrayNode('tinymce_icons')
+            ->useAttributeAsKey('name')
+            ->prototype('array')
+            ->addDefaultsIfNotSet()
+            ->children()
+            ->scalarNode('name_icon')->defaultNull()->end()
+            ->scalarNode('svg_data')->defaultNull()->end()
+            ->end()
+            ->end()
+            ->end()
+
                 ->end()
             ->end();
     }

Form/Type/TinyMCEType.php

@@ -0,0 +1,163 @@
+<?php
+
+namespace Stfalcon\Bundle\TinymceBundle\Form\Type;
+
+use Stfalcon\Bundle\TinymceBundle\Model\ConfigManagerInterface;
+use Symfony\Component\Form\AbstractType;
+use Symfony\Component\Form\Extension\Core\Type\TextareaType;
+use Symfony\Component\Form\FormBuilderInterface;
+use Symfony\Component\Form\FormInterface;
+use Symfony\Component\Form\FormView;
+use Symfony\Component\OptionsResolver\OptionsResolver;
+
+/**
+ * Class TinyMCEType
+ * @author Łukasz Wątor
+ */
+class TinyMCEType extends AbstractType
+{
+    /** @var ConfigManagerInterface */
+    private $configManager;
+
+    /** @var bool */
+    private $enable = true;
+
+    /** @var int */
+    private static $id = 1;
+
+    public function __construct(ConfigManagerInterface $configManager)
+    {
+        $this->configManager = $configManager;
+    }
+
+    /**
+     * @param bool|null $isEnable
+     * @return bool
+     */
+    public function isEnable($isEnable = null)
+    {
+        if(is_bool($isEnable)) {
+            $this->enable = $isEnable;
+        }
+
+        return $this->enable;
+    }
+
+    /**
+     * {@inheritdoc}
+     */
+    public function buildView(FormView $view, FormInterface $form, array $options)
+    {
+        $config = $form->getConfig();
+        $view->vars['enable'] = $config->getAttribute('enable');
+
+        if (!$view->vars['enable']) {
+            return;
+        }
+
+        if(!isset($view->vars['attr'])) {
+            $view->vars['attr'] = [];
+        }
+        if(!isset($view->vars['attr']['class'])) {
+            $view->vars['attr']['class'] = '';
+        }
+
+        $view->vars['attr']['class'] .= ' tinymce';
+        $view->vars['attr']['data-tinymce'] = '' . (self::$id ++);
+    }
+
+    /**
+     * {@inheritdoc}
+     */
+    public function buildForm(FormBuilderInterface $builder, array $options)
+    {
+        $builder->setAttribute('enable', $options['enable']);
+        if($this->configManager->hasConfig('config')) {
+            $config = $this->configManager->getConfig('config');
+        } else {
+            $config = [];
+        }
+
+        $checkTypes = [
+            'config_name', 'language', 'selector', 'plugins', 'extended_valid_elements',
+            'toolbar', 'quickbars_selection_toolbar', 'quickbars_insert_toolbar',
+            'valid_elements', 'file_picker', 'variables', 'valid_children', 'entity_encoding ',
+            'content_style',
+        ];
+
+        foreach ($checkTypes as $type) {
+            if(isset($options[$type]) && $options[$type] !== null) {
+                $config[$type] = $options[$type];
+            }
+        }
+
+        $this->configManager->setConfig('config', $config);
+        if (!$options['enable']) {
+            return;
+        }
+    }
+
+    /**
+     * {@inheritdoc}
+     */
+    public function configureOptions(OptionsResolver $resolver)
+    {
+        $resolver
+            ->setDefaults([
+                'config_name' => $this->configManager->getDefaultConfig(),
+                'language' => null,
+                'selector' => null,
+                'plugins' => null,
+                'toolbar' => null,
+                'quickbars_selection_toolbar' => null,
+                'quickbars_insert_toolbar' => null,
+                'valid_elements' => null,
+                'valid_children' => null,
+                'entity_encoding ' => 'raw',
+                'extended_valid_elements' => null,
+                'file_picker' => null,
+                'enable' => $this->enable,
+                'variables' => null,
+                'content_style' => '',
+            ])
+        ->setAllowedTypes('config_name', ['string', 'null'])
+        ->setAllowedTypes('language', ['string', 'null'])
+        ->setAllowedTypes('selector', ['string', 'null'])
+        ->setAllowedTypes('plugins', ['string', 'null'])
+        ->setAllowedTypes('toolbar', ['string', 'null'])
+        ->setAllowedTypes('quickbars_selection_toolbar', ['string', 'null'])
+        ->setAllowedTypes('quickbars_insert_toolbar', ['string', 'null'])
+        ->setAllowedTypes('valid_elements', ['string', 'null'])
+        ->setAllowedTypes('valid_children', ['string', 'null'])
+        ->setAllowedTypes('entity_encoding ', ['string'])
+        ->setAllowedTypes('extended_valid_elements', ['string', 'null'])
+        ->setAllowedTypes('file_picker', ['array', 'null'])
+        ->setAllowedTypes('variables', ['array', 'null'])
+        ->setAllowedTypes('enable', 'bool')
+        ;
+    }
+
+    /**
+     * {@inheritdoc}
+     */
+    public function getParent()
+    {
+        return method_exists(AbstractType::class, 'getBlockPrefix') ? TextareaType::class : 'textarea';
+    }
+
+    /**
+     * @return string
+     */
+    public function getName()
+    {
+        return $this->getBlockPrefix();
+    }
+
+    /**
+     * {@inheritdoc}
+     */
+    public function getBlockPrefix()
+    {
+        return 'tinymce';
+    }
+}

Helper/LocaleHelper.php

@@ -26,7 +26,7 @@ class LocaleHelper
      *
      * @return string
      */
-    public static function getLanguage($locale): string
+    public static function getLanguage(string $locale): string
     {
         return self::$locales[$locale] ?? $locale;
     }