如何使用带有acts_as_taggable_on和formtastic的令牌字段？

Question

我希望能够使用带有formtastic的令牌字段（在此处找到：http://railscasts.com/episodes/258-token-fields）来允许用户输入标签（我正在使用acts_as_taggable_on）。

有人可以告诉我如何做到这一点的例子吗？

Answer 1

我没有足够的时间进行全面的演练，但是这样的胆量似乎是text_field具有data-pre属性，其中包含一些JSON。在Formtastic中为输入添加属性的方法是通过：input_html选项，所以这个：

<p>
  <%= f.label :author_tokens, "Authors" %><br />
  <%= f.text_field :author_tokens, "data-pre" => @book.authors.map(&:attributes).to_json %>
</p>

可能会被翻译成：

<%= f.input :author_tokens, :input_html => { "data-pre" => @book.authors.map(&:attributes).to_json } %>

其余的是将CSS粘贴到HTML并找到正确的DOM元素来应用jQuery（查看源代码是你的朋友）。