8
7

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 5 years have passed since last update.

text_fieldのplaceholderを改行する方法

Last updated at Posted at 2019-09-27

はじめに

railsのtext_fieldで作成したテキストボックスに改行ありのplaceholderを書きたかった。

ただ調べると文字列に改行コードをいれたり、cssでいじったりと、
個人的にはあまりやりたくない方法しかでてこなかったので、なにか完結にできる方法がないかを模索していた。

実装

helperでヒアドキュメントを使って文字列を定義する。
それをテンプレート側(haml)で呼び出すだけ。

ソース

= f.text_area :text, class: 'form-control', placeholder: text_placeholder
def text_placeholder
  <<-"EOS".strip_heredoc
    行1
    行2
    行3
  EOS
end

キャプチャ

こんな感じにうまく表示されました。
 2019-09-27 13.01.16.png

8
7
1

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
8
7

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?