前提・実現したいこと
かなりの初心者なのでご教授願いたいです。
テキストエリア(内容)に入力された改行を結果画面で表示したいです。
この以下のメソッドを利用する。
文字列.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"> © 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で記述しました。しかし、入力内容が出力されずにエラーが出てきてしまいました。
ちなみに¥(円)と表示されていますが、バックスラッシュ(逆スラッシュ)で入力しています。
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。