Anpassen von text_area Ruby auf Schienen zu materialisieren css

Question

Ich versuche, die "<% = f.text_area: content%>" in Schienen 5.0.

Zu einer text_area, die materialisieren hat wie dieser

<div class="row"> 
    <form class="col s12"> 
     <div class="row"> 
     <div class="input-field col s6"> 
      <i class="material-icons prefix">mode_edit</i> 
      <textarea id="icon_prefix2" class="materialize-textarea"></textarea> 
      <label for="icon_prefix2">First Name</label> 
     </div> 
     </div> 
    </form> 
    </div> 

Das Problem ist, dass ich versuchte, es herauszufinden, wie die Standard-text_area einzufügen, die ich in dieser einen, die hässliche Kasten Löschen der Ich muss einen Text eingeben. (Ich bin ein bisschen Phantasie)

Das ist meine Form:

<%= form_for(@micropost, html: { multipart: true }) do |f| %> 
    <%= render 'shared/error_messages', object: f.object %> 

    <%= f.text_area :content %> >>>>>>#This is the one I want to change 

    <%= f.submit "Post", class: "waves-effect waves-light btn green accent-3 z-depth-4" %> 
    <span class="picture"> 
    <%= f.file_field :picture, accept: 'image/jpeg,image/gif,image/png' %> 
    </span> 
<% end %> 

---

Das ist, was ich versucht:

<div class="row"> 
    <form class="col s12"> 
     <div class="row"> 
     <div class="input-field col s6"> 
      <i class="material-icons prefix">mode_edit</i> 
      <textarea id="icon_prefix2" class="materialize-textarea"><%= f.text_area :content %></textarea> 
      <label for="icon_prefix2">First Name</label> 
     </div> 
     </div> 
    </form> 
    </div> 

Aber ich bin unglücklich, damit es funktioniert, und ich habe viele andere Möglichkeiten ausprobiert, um herauszufinden, wie ich diese Funktion an meine App anpassen kann.

Ich verbringe viel Zeit herauszufinden, wie man diese Box löschen und eine einzige Phantasie Linie Stil materialisieren Weg. Ich werde zu viel schätzen Sie helfen!

Answer 1

Was ist das Problem, das Sie haben ?, Sie müssen nur die entsprechende Klasse hinzuzufügen:

<%= f.text_area :content id: 'icon_prefix2', class: 'materialize-textarea' %>