text_fieldをhtmlテキスト入力として動作させる方法

Question

希望の作業状態は、宝石と一緒に動作する正しいパラメータでtext_fieldを作成する方法を知っていたことが証明されています。

問題はemoji_picker gemが入力フィールドでうまく動作しなかったことです。

コード例を以下に示します。

これは私の古い入力です。それは提出する作品とメッセージが送られます：

<div class="input-box"> 
    <input type="text" class="input-box_text" id="message_input"/> 
    </div> 

をしかし、その後、私は入力にemoji_pickerを使用していたが、それでも、それはキー入力を提出しています

class="emoji-picker-container"> 
    <%= text_field nil, class: 'input-box_text', data: { emojiable: true }, id: 'message_input' %> 
</p> 

新しい入力はしません提出する。私は問題がid/classとnil文であることを知っています。

Answer 1

こちらを参照してください：

http://apidock.com/rails/ActionView/Helpers/FormHelper/text_field

あなたはモデル名を指定して、属性名をする必要があります。ドキュメントから、これはあなたがすべきことです。

text_field(:post, :title, size: 20) 
# => <input type="text" id="post_title" name="post[title]" size="20" value="#{@post.title}" /> 

が重要なのはidが、name属性ではありません。たとえば、Messageモデルにdescriptionのモデルがある場合は、このようなモデルを用意する必要があります。

<%= text_field :message, :description, class: 'input-box_text', data: { emojiable: true }, id: 'message_input' %> 

その後Railsは、このようなのparamsにあなたのフォームを解析します：

{ 
    message: { 
    description: '...' 
    } 
} 

その後、あなたはこのようにそれを使用することができます：ここでparams[:message][:description]

あなたが理解するためのいくつかの追加のドキュメントですそれがどのように機能するか。

• Railsは、あなたのHTMLフォームをデコードするURI:: decode_www_formを使用しています。 here

• ここでは、Railsがどのように動作するかについてのrebuilt simplified versionです。

• ここでは、html形式のエンコード標準のリファレンスです。

  https://www.w3.org/TR/html5/forms.html#url-encoded-form-data

Answer 2

必要なもの、あなたのエラートレースを投稿することができます

<input class="input-box_text" data-emojiable="true" id="message_input" name="message[input]" type="text">