CKEditor показывает мне текстовую область внутри ввода текста

Question

У меня проблема с отображением моего представления.Вот как я строю свою форму:

$builder->add('intitule', CKEditorType::class, [
    'label'=>'NEW_CGU',
    'required'=>false,
    'data'=>'testj'
]);

Я отображаю это так:

<div class="row m-0">
    <div class="col-xs-5 plr-16 pt-16 pb-16 background-white" style="width : 100%">
        {{ form_label(form.intitule) }}
        <textarea id="editor1" >
            {{ form_start(form, { 'attr': { 'novalidate': 'novalidate' }}) }}

                {{ form_widget(form.intitule, { 'attr': { 'class': 'inscription plr-16' , 'rows' : '20'}}) }}
                {{ form_errors(form.intitule) }}
                 {#<p class="help-block">Maximum 500 caractères.</p>#}
        </textarea>
        <div class="text-right">
            <a href="{{ path('users_list') }}" class="button-square-prev">{{ "BACK"|trans }}</a>
            {% if is_granted('ROLE_PREVIOUS_ADMIN') %}
                <button disabled class="button-square" title="non accessible en consultation">Valider</button>
            {% else %}
            <button type="submit" class="button-square" onclick="return confirm('Êtes vous sûr de vouloir effectuer ces modifications?')">Valider</button>
            {% endif %}
        </div>
        {{ form_end(form) }}
    </div>
</div>

Все работает, но что-то не так с моим дисплеем.У меня есть текстовая область в «блок-тексте» CKEditor

Наконец, мой JS выглядит так:

$(function() {

            CKEDITOR.replace( 'editor1', {
                removePlugins: 'magicline',
                height: 400
            } );
    });

Что я делаю не так, пожалуйста

Answer 1

Просто визуализируйте ваш виджет из HTML-форм!Удалите тег <textarea id="editor1" >.