フォームの入力したテキストを入力したまま(改行のまま)表示する方法

Question

前提・実現したいこと

フォームの入力したテキストを入力したまま(改行のまま)表示する方法を探しています。

試したこと

・simple_format(article.text)
・改行を判断するメソットがあればそれに対して追加で<br>などをつけることも考えています。

###お願いします。

White-space:preで無事に開業通りできました。

しかし指定したサイズdiv以上に長い文章があるとdivから出てしまいます。

改行のcssを入れて見たのですがダメでした。

指定文字以上で改行とか探しています。アドバイスありましたらお願いします

Comments

[defghi1977]

HTMLへの出力ということでしょうか？

Answer 1

フォームの内容をHTMLに出力する前提で回答します.

---

テキスト部分にwhite-space:preを指定することで, HTMLのソースコードの内容（スペースの数や改行の位置など）がそのまま表示されます.

<div style="white-space:pre">
aaa
bbb
ccc
</div>

しかし指定したサイズdiv以上に長い文章があるとdivから出てしまいます。

ではwhite-space:pre-wrapで.

<div style="white-space:pre-wrap">
aaa
bbb
ccc
</div>

参考
https://developer.mozilla.org/ja/docs/Web/CSS/white-space

Comments

[退会済みユーザー]

回答ありがとうございます。
イメージ的にはテラテイルのようにフォームで送信したものをそのまま表示させたいと思っています。
言葉足らずで申し訳ありません。

何か方法はございますか？

[defghi1977]

いや、何をおっしゃりたいのかさっぱり判りません. 質問の内容を詳しく書き直して下さい.

[退会済みユーザー]

railsでのf.text_fieldで投稿するとどうしてもrails の特性上文字が一列に並んでしまいます。
それを入力時に改行したものを維持しながらViewで表示させたいです。

[defghi1977]

であればその旨を質問に追記し, タグにruby on railsを追加したほうが良いでしょう.
(私はrubyについては全く判りません.)

[maisumakun]

Railsでも最終的にはHTMLを出力しますので、white-space:preも適用可能です。

[退会済みユーザー]

無事にwhite-space:pre-wrapを使うことで解決することができました。
defghi1977様およびみなさまには感謝の気持ちでいっぱいで
ありがとうございました。

Answer 2

ご質問の意図と合っているか分かりませんが，改行を <br> に変えたいということであれば

def multipar(text)
  return "" if text.blank?
  h(text).gsub(/\R/, "<br>").html_safe
end

みたいなヘルパーを用意すればいいのかもしれません。

まず h(text) で HTML エスケープします。
次に gsub(/\R/, "<br>") で改行を <br> タグに変換します。
正規表現の \R は見慣れないかもしれませんが，改行文字です。（詳細は Onigmo/doc/RE.ja
を参照）
そして，HTML エスケープは確実に済んでいるので，html_safe として「安全である」とマークしています。（こうしておくと = で埋め込んでも過剰にエスケープされたりしません）

Comments

[退会済みユーザー]

回答ありがとうございます。
とてもいい案でしたが本文にも書きましたがdivを超えて表示されてしまいます。

アドバイスありましたらお願いします