🎄teratailクリスマスプレゼントキャンペーン2024🎄』開催中!

\teratail特別グッズやAmazonギフトカード最大2,000円分が当たる!/

詳細はこちら
標準出力

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

ファイル

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

Ruby

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

正規表現

正規表現とは特定の文字列によるパターンマッチングを行う際に用いられる宣言型プログラミングです。

Q&A

1回答

1345閲覧

ERBファイル(お問合せフォーム)に改行が出力されないでエラーが出てきてしまいます。

退会済みユーザー

退会済みユーザー

総合スコア0

標準出力

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

ファイル

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

Ruby

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

正規表現

正規表現とは特定の文字列によるパターンマッチングを行う際に用いられる宣言型プログラミングです。

0グッド

0クリップ

投稿2021/01/09 19:22

前提・実現したいこと

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

テキストエリア(内容)に入力された改行を結果画面で表示したいです。
この以下のメソッドを利用する。
文字列.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> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css"> <title>送信完了 | サンプル株式会社</title> </head> <body> <header> <!-- 576px以上の画面幅のとき、メニューを表示する(それ未満なら折りたたむ)指定を追加 --> <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> <h3>送信内容</h3> <table class="table"> <tr> <td>会社名</td> <% name =params["company"] %> <td><%= name %></td> </tr> <tr> <td>氏名</td> <% name =params["name"] %> <td><%= name %></td> </tr> <tr> <td>メール</td> <% name =params["mail"] %> <td><%= name %></td> </tr> <tr> <td>電話番号</td> <% name =params["tel"] %> <td><%= name %></td> </tr> <tr> <td>内容</td> <% name =params["content"] %> <% content.gsub(/\r\n|\r|\n/, "<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> <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.3.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ページで確認できます。

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

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

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

guest

回答1

0

<% name =params["content"] %> <% content.gsub(/\r\n|\r|\n/, "<br>") %>

name =content = にして。

このエラーの殆どは
ミスタイプかコピペの後の修正漏れです

投稿2021/01/10 02:54

winterboum

総合スコア23567

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

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

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

まだベストアンサーが選ばれていません

会員登録して回答してみよう

アカウントをお持ちの方は

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

ただいまの回答率
85.36%

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

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

質問する

関連した質問