простая форма добавляет div

Question

Я пытаюсь настроить простую форму (для semantic-ui), создав свою собственную оболочку. Однако это похоже на простое добавление div вокруг каждого входа (и обертки).

<div class="float optional recipe_yield"> 

это мой заказ обертка:

config.wrappers :semantic do |b| 
    b.use :html5 
    b.use :placeholder 

    b.wrapper tag: :div, class: :field do |c| 
     c.use :label_input 
    end 
    end 

Я ожидаю f.input :name привести в этом:

<div class="field"> 
    <label class="string optional" for="recipe_name">Name</label> 
    <input class="string optional" name="recipe[name]" id="recipe_name"type="text"> 
</div> 

вместо я получаю это:

<div class="string optional recipe_name"> 
    <div class="field"> 
     <label class="string optional" for="recipe_name">Name</label> 
     <input class="string optional" name="recipe[name]" id="recipe_name"type="text"> 
    </div> 
</div> 

Как я избавиться от этого лишнего <div class="string optional recipe_name">? Я не хочу, чтобы простая форма добавляла это. Или, возможно, простая форма включает «поле» в качестве класса в этом div.

Answer 1

Таким образом, мне удалось получить простую форму, чтобы добавить поле в качестве одного из классов в div, окружающем метку и ввод. В основном просто нужно передать его в качестве опции, когда вы вызываете config.wrappers.

config.wrappers :semantic, tag: 'div', class: 'field' do |b| 
    b.use :html5 

    b.use :placeholder 
    b.use :label_input 
    end 

Как вы можете видеть, я также удалил b.wrapper. В противном случае он добавит div вокруг метки и ввода, но все еще находится в пределах

<div class="float optional recipe_yield">