Updated including ace editor javascripts.

Author: norberttech

DependencyInjection/Configuration.php

@@ -14,6 +14,9 @@
 use Symfony\Component\Config\Definition\Builder\TreeBuilder;
 use Symfony\Component\Config\Definition\ConfigurationInterface;
 
+/**
+ * @author Norbert Orzechowicz <[email protected]>
+ */
 class Configuration implements ConfigurationInterface
 {
     /**
@@ -24,9 +27,14 @@ public function getConfigTreeBuilder()
         $treeBuilder = new TreeBuilder();
         $rootNode = $treeBuilder->root('norzechowicz_ace_editor');
 
-        // Here you should define the parameters that are allowed to
-        // configure your bundle. See the documentation linked above for
-        // more information on that topic.
+        $rootNode
+            ->children()
+                ->booleanNode('autoinclude')->defaultTrue()->end()
+                ->scalarNode('base_path')->defaultValue('bundles/norzechowiczaceeditor/ace')->end()
+                ->booleanNode('debug')->defaultFalse()->end()
+                ->booleanNode('noconflict')->defaultTrue()->end()
+            ->end()
+        ->end();
 
         return $treeBuilder;
     }

DependencyInjection/NorzechowiczAceEditorExtension.php

@@ -16,6 +16,9 @@
 use Symfony\Component\HttpKernel\DependencyInjection\Extension;
 use Symfony\Component\DependencyInjection\Loader;
 
+/**
+ * @author Norbert Orzechowicz <[email protected]>
+ */
 class NorzechowiczAceEditorExtension extends Extension
 {
     /**
@@ -26,7 +29,19 @@ public function load(array $configs, ContainerBuilder $container)
         $configuration = new Configuration();
         $config = $this->processConfiguration($configuration, $configs);
 
+        $this->registerAceEditorParameters($config, $container);
+
         $loader = new Loader\XmlFileLoader($container, new FileLocator(__DIR__.'/../Resources/config'));
         $loader->load('form.xml');
+        $loader->load('twig.xml');
+    }
+
+    private function registerAceEditorParameters($config, ContainerBuilder $container)
+    {
+        $mode = 'src' . (($config['debug']) ? '' : '-min') . (($config['noconflict']) ? '-noconflict' : '') . '/ace.js';
+
+        $container->setParameter('norzechowicz_ace_editor.options.autoinclude', !$config['autoinclude']);
+        $container->setParameter('norzechowicz_ace_editor.options.base_path', $config['base_path']);
+        $container->setParameter('norzechowicz_ace_editor.options.mode', $mode);
     }
 }

Form/Extension/AceEditor/Type/AceEditorType.php

@@ -45,6 +45,7 @@ public function setDefaultOptions(OptionsResolverInterface $resolver)
         };
 
         $resolver->setDefaults(array(
+            'required' => false,
             'wrapper_attr' => array(),
             'width' => 200,
             'height' => 200,
@@ -114,6 +115,6 @@ public function getParent()
      */
     public function getName()
     {
-        return 'aceeditor';
+        return 'ace_editor';
     }
 }

README.md

@@ -40,13 +40,13 @@ $ php composer.phar update
 ```php
 /* @var $builder \Symfony\Component\Form\FormBuilderInterface */
 
-$builder->add('description', 'aceeditor', array(
+$builder->add('description', 'ace_editor', array(
     'wrapper_attr' => array(), // aceeditor wrapper html attributes.
     'width' => 200,
     'height' => 200,
     'font_size' => 12,
-    'mode' => 'ace/mode/html',
-    'theme' => 'ace/theme/monokai',
+    'mode' => 'ace/mode/html', // every single default mode must have ace/mode/* prefix
+    'theme' => 'ace/theme/monokai', // every single default theme must have ace/theme/* prefix
     'tab_size' => null,
     'read_only' => null,
     'use_soft_tabs' => null,
@@ -57,4 +57,27 @@ $builder->add('description', 'aceeditor', array(
 ```
 
 Above code will create textarea element that will be replaced with ace editor instance.
-Textarea value is updated on every single change in ace editor.
+Textarea value is updated on every single change in ace editor.
+
+# Configuration #
+
+> This section is optional, you dont need to configure anything and your ace_editor form type will still work perfectly fine
+
+There are also few options that alows you to manipulate including ace editor javascript sdk. 
+
+```
+# app/config/config.yml
+
+norzechowicz_ace_editor:
+    base_path: "bundles/norzechowiczaceeditor/ace"
+    autoinclude: true
+    debug: false # sources not minified with uglify.js
+    noconflict: true # uses ace.require instead of require
+```
+
+You can also include ace editor directly from github, all you need to do is setting ``base_path`` option 
+
+```
+norzechowicz_ace_editor:
+    base_path: "http://rawgithub.com/ajaxorg/ace-builds/master"
+```

Resources/config/form.xml

@@ -9,8 +9,8 @@
     </parameters>
 
     <services>
-        <service id="norzechowicz_ace_editor.form.type.aceeditor" class="%norzechowicz_ace_editor.form.type.aceeditor.class%" scope="request">
-            <tag name="form.type" alias="aceeditor" />
+        <service id="norzechowicz_ace_editor.form.type.ace_editor" class="%norzechowicz_ace_editor.form.type.aceeditor.class%" scope="request">
+            <tag name="form.type" alias="ace_editor" />
         </service>
     </services>
 </container>

Resources/config/twig.xml

@@ -0,0 +1,15 @@
+<?xml version="1.0" ?>
+
+<container xmlns="http://symfony.com/schema/dic/services"
+           xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
+           xsi:schemaLocation="http://symfony.com/schema/dic/services http://symfony.com/schema/dic/services/services-1.0.xsd">
+    <services>
+        <!-- Twig Extensions -->
+        <service id="norzechowicz_ace_editor.twig.form_extension" class="Norzechowicz\AceEditorBundle\Twig\Extension\AceEditorExtension">
+            <tag name="twig.extension" />
+            <argument>%norzechowicz_ace_editor.options.autoinclude%</argument>
+            <argument>%norzechowicz_ace_editor.options.base_path%</argument>
+            <argument>%norzechowicz_ace_editor.options.mode%</argument>
+        </service>
+    </services>
+</container>