{% if c.style_tag %}
<style>
    div[data-prosemirror-editor] .ProseMirror {
        min-height: 150px;
        outline: none;
        padding: 8px 12px;
    }
</style>
{% endif %}
<div class="fcu-form-group {{ c.css_class if c.css_class }}">
    {% if c.label %}
    <label class="fcu-label" for="{{ editor_id }}">{{ c.label }}</label>
    {% endif %}
    <noscript>
        <textarea name="{{ c.name }}" class="fcu-form-control" rows="10">{{ c.content }}</textarea>
    </noscript>
    <div id="{{ editor_id }}" data-prosemirror-editor class="fcu-form-control" style="padding: 0; min-height: 150px;"></div>
    <textarea name="{{ c.name }}" id="{{ editor_id }}_hidden" style="display: none;">{{ c.content }}</textarea>
</div>