Bundle that integrate excellent JavaScript ace editor into Symfony2 Form.

Installs: 29 807

Dependents: 3

Stars: 13

Watchers: 3

Forks: 14

Open Issues: 5

Language: JavaScript

0.1.2 2015-01-05 11:09 UTC


Bundle provides a ace editor integration into Symfony2 Form component. It automatically register aceeditor form type.


Check your composer.json file and if you have "1.0.@dev" dependency of this bundle change it into "0.1.".

   - "norzechowicz/aceeditor-bundle": "1.0.*@dev",
   + "norzechowicz/aceeditor-bundle": "0.1.*",

Do it before calling composer.phar update to be sure that your code will not be broken.


Add bundle into your composer.json file.

    "require": {
        "norzechowicz/aceeditor-bundle": "0.1.*",

Register bundle in AppKernel.php

// app/AppKernel.php

public function registerBundles()
    return array(
        new Norzechowicz\AceEditorBundle\NorzechowiczAceEditorBundle(),
        // ...

Update project dependencies

$ php composer.phar update


/* @var $builder \Symfony\Component\Form\FormBuilderInterface */

$builder->add('description', 'ace_editor', array(
    'wrapper_attr' => array(), // aceeditor wrapper html attributes.
    'width' => 200,
    'height' => 200,
    'font_size' => 12,
    '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,
    'use_wrap_mode' => null,
    'show_print_margin' => null,
    'show_invisibles' => null,
    'highlight_active_line' => null

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.


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

    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

    base_path: ""

Bitdeli Badge