質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.49%
標準出力

標準出力(stdout)は、プログラムが標準的に用いるデータ出力元。標準出力に書き込み要求を発行しすることにより、ディスプレイ装置にデータを表示することができます。UNIX系OSやC言語に実装されて普及した概念ですが、他のOSや言語も含めた総称としても使われます。

ファイル

ファイルとは、文字列に基づいた名前又はパスからアクセスすることができる、任意の情報のブロック又は情報を格納するためのリソースです。

Ruby

Rubyはプログラミング言語のひとつで、オープンソース、オブジェクト指向のプログラミング開発に対応しています。

Q&A

解決済

1回答

3266閲覧

ERBファイルに改行が出力されないでエラーが出てきてしまいます。

furu0810

総合スコア11

標準出力

標準出力(stdout)は、プログラムが標準的に用いるデータ出力元。標準出力に書き込み要求を発行しすることにより、ディスプレイ装置にデータを表示することができます。UNIX系OSやC言語に実装されて普及した概念ですが、他のOSや言語も含めた総称としても使われます。

ファイル

ファイルとは、文字列に基づいた名前又はパスからアクセスすることができる、任意の情報のブロック又は情報を格納するためのリソースです。

Ruby

Rubyはプログラミング言語のひとつで、オープンソース、オブジェクト指向のプログラミング開発に対応しています。

0グッド

0クリップ

投稿2020/01/08 16:08

前提・実現したいこと

初心者なのでご教授願いたいです。

テキストエリアに入力された改行を結果画面で表示したいです。
たとえば以下のメソッドを利用する。

文字列.gsub(/\r\n|\r|\n/, "<br>")

イメージ説明

発生している問題・エラーメッセージ

イメージ説明

該当のソースコード

app.rbのコードです。

require "sinatra" get "/" do erb :contact end post "/" do erb :complete end

complete.erbのコードです。

<!DOCTYPE html> <html lang="ja"> <head> <!-- Required meta tags --> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <!-- Bootstrap CSS --> <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.2.1/css/bootstrap.min.css"> <title>送信完了 | サンプル株式会社</title> </head> <body> <header> <nav class="navbar navbar-expand-sm navbar-light bg-light"> <a href="#" class="navbar-brand">サンプル株式会社</a> <button type="button" class="navbar-toggler" data-toggle="collapse" data-target="#nav-bar"> <span class="navbar-toggler-icon"></span> </button> <div class="collapse navbar-collapse" id="nav-bar"> <ul class="navbar-nav"> <li class="nav-item"><a href="#" class="nav-link">会社情報</a></li> <li class="nav-item"><a href="#" class="nav-link">ニュース</a></li> <li class="nav-item"><a href="#" class="nav-link">採用情報</a></li> <li class="nav-item active"><a href="#" class="nav-link">お問い合わせ</a></li> </ul> </div> </nav> </header> <div class="container"> <h1 class="mt-4 pb-4 border-bottom">送信完了</h1> <p>ありがとうございました。送信を受け付けました。</p> <p>3営業日以内をめどにご返信いたしますので、しばらくお待ちください。</p> <h4>送信内容</h4> <table class ="table table-bordered"> <tr> <td class ="text-center"><b>会社名</b></td> <% name =params["company"] %> <td><%= name %></td> </tr> <tr> <td class ="text-center"><b>氏名</b></td> <% name =params["name"] %> <td><%= name %></td> </tr> <tr> <td class ="text-center"><b>メール</b></td> <% name =params["mail"] %> <td><%= name %></td> </tr> <tr> <td class ="text-center"><b>電話番号</b></td> <% name =params["tel"] %> <td><%= name %></td> </tr> <tr> <td class ="text-center"><b>内容</b></td> <% name =params["content"] %> <% name.gsub("name", <br>) % <td><%= name %></td> </tr> </table> <div class="text-center mb-4"> <a href="/" class="btn btn-success">戻る</a> </div> </div> <footer class="text-center pt-3 border-top"> &copy; 2018 SAMPLE Inc. </footer> <!-- Optional JavaScript --> <!-- jQuery first, then Popper.js, then Bootstrap JS, then Font Awesome --> <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.6/umd/popper.min.js"></script> <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.2.1/js/bootstrap.min.js"></script> <script defer src="https://use.fontawesome.com/releases/v5.7.2/js/all.js"></script> </body> </html>

実践してみたこと

改行を適用するために仕様では、文字列.gsub(/\r\n|\r|\n/, "<br>")を用いるよう指示されていたのでcomplete.erbで記述しました。しかし、入力内容が出力されずにエラーが出てきてしまいました。
メソッドの引数などを定義していないのが原因でしょうか?

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

gouf

2020/01/08 17:35 編集

「<% name.gsub("name", <br>) %」と書かれている部分があるようですが、これを「<% name.gsub("name", "<br>") %>」に書き換えた場合に、なにか変化は見られますか?
furu0810

2020/01/09 04:47

<% name.gsub("name", "<br>") %>に書き換えた場合はエラー表示はされなくなりました。 ただ、改行が出力されないよう状況です。
guest

回答1

0

ベストアンサー

「テキストエリアに入力された改行を結果画面で表示したいです。」と<% name.gsub("name", <br>) % とが乖離してます。。。

<% name=name.gsub(/\R/,"<br>") %> の間違いでは。
ただこのままだと、画面上は改行にならず、<br>が表示されると思います。
最近の主流のやり方は判らんですが例えば
<% name=name.gsub(/\R/,"<br>").html_safe %>としてください

ただ、、、、
改行が入るのは name ではなく params["content"] なので、name ではなく content を変数名にしたほうが良いです。

投稿2020/01/08 22:51

winterboum

総合スコア23324

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

furu0810

2020/01/09 15:06 編集

<% content_text =content.gsub(/¥r¥n/, "<br>") %> <%= content_text %> と記述したら改行が適用されて文章を表示できました。ありがとうございます。
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.49%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問