can't submit a form using redactor in symfony - symfony

Question

I have created a form with a textarea in Symfony2 using form-builder.
I want to use redactor in my form for text editing . Everything works fine until i didn't use redactor library. But when i applied class redactor to my textarea, it doesn't get submitted in my post reuqest. I tried to set required=false also, but that didn't work either.
Form-buider:
public function buildForm(FormBuilderInterface $builder, array $options) {
$builder
->add('templateTitle', 'text', array('label' => 'template.fields.name'))
->add('templateType', 'text', array('label' => 'template.fields.type'))
->add('templateCode','textarea',array('required'=>false))
->add('submit', 'submit', array('label' => 'template.fields.submit'));
}
HTML:
<div style="margin-top:0; margin-bottom: 20px;">
{{ form_widget(create_form.templateCode,{ 'attr': {'class': "redactor"} }) }}
{{ form_errors(create_form.templateCode) }}
</div>
<link href="{{ asset('bundles/theme/editors/redactor/redactor.css') }}" rel="stylesheet">
<script type="text/javascript" src="{{ asset('bundles/theme/editors/redactor/redactor.js') }}"></script>
<script type="text/javascript">
$(document).ready(
function()
{
$('.redactor').redactor({
minHeight: 300
});
}
);
</script>
Rendered Code of redactor in HTML :
<div class="tab-pane active" id="code">
<div style="margin-top:0; margin-bottom: 20px;">
<div class="redactor_box"><ul class="redactor_toolbar" id="redactor_toolbar_0"><li>
<a href="javascript:;" title="HTML" tabindex="-1" class="redactor_btn redactor_btn_html"
></a></li><li class="redactor_separator"></li>
<div class="redactor_dropdown redactor_dropdown_box_formatting" style="display: none;">
Normal text
Quote
Code
Header 1
Header 2
Header 3
Header 4
Header 5
</div>
<li>
</li>
<li class="redactor_separator"></li>
<li>
</li>
<li>
</li>
<li>
</li>
<li class="redactor_separator"></li>
<li>
</li>
<li>
</li>
<li>
</li>
<li></li>
<li class="redactor_separator"></li>
<li></li>
<li></li>
<div class="redactor_dropdown redactor_dropdown_box_table" style="display: none;">
Insert Table
<a class="redactor_separator_drop" tabindex="-1"></a>
<a href="#" class=" redactor_dropdown_insert_row_above" tabindex="-1">
Add Row Above</a><a href="#" class=" redactor_dropdown_insert_row_below" tabindex="-1">
Add Row Below</a><a href="#" class=" redactor_dropdown_insert_column_left" tabindex="-1">
Add Column Left</a><a href="#" class=" redactor_dropdown_insert_column_right" tabindex="-1">
Add Column Right</a><a class="redactor_separator_drop" tabindex="-1"></a>
<a href="#" class=" redactor_dropdown_add_head" tabindex="-1"
>Add Head</a>
Delete Head
<a class="redactor_separator_drop" tabindex="-1"></a>
Delete Column
Delete Row
Delete Table
</div>
<li></li>
<div class="redactor_dropdown redactor_dropdown_box_link" style="display: none;">
Insert link
Unlink
</div>
<li></li>
<li class="redactor_separator"></li>
<div class="redactor_dropdown redactor_dropdown_box_alignment" style="display: none;">
Align text to the left
Center text
Align text to the right
Justify text
</div><li>
</li>
<li class="redactor_separator"></li><li></li></ul><div class="redactor_redactor redactor_editor" contenteditable="true" dir="ltr" style="min-height: 300px;"><p>​</p>
</div>
<textarea id="template_type_templateCode" name="template_type[templateCode]" class="redactor" dir="ltr" style="display: none;"></textarea></div>
<ul><li>This is my error message</li></ul>
</div>
<br>
<div class="pull-right" id="submit1">
<button type="submit" action="submit" class="btn btn-primary btn-sm">Submit</button>
</div>
</div>
Any one can help ?

Answer 1

I can see that your textarea is kept hidden. This must have been done by the texteditor plugin that you have used. But you need to also check that the edited text is copied to your actual textarea before submitting your form.
If this is your problem then then solution is mentioned here:
Imperavi Redactor content not being copied over to hidden textarea