前提・実現したいこと
初心者なのでご教授願いたいです。
テキストエリアに入力された改行を結果画面で表示したいです。
たとえば以下のメソッドを利用する。
文字列.gsub(/\r\n|\r|\n/, "<br>"
発生している問題・エラーメッセージ
NoMethodError at /
undefined method `gsub' for nil:NilClass
該当のソースコード
ソースコード
<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> <!--ここから書き始め課題--> <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"] %> <% content=content.gsub(/\R/,"<br>")%> </tr> </table> <div class="text-center mb-4"> <!-- 「戻る」ボタンを緑色にする設定を追加 --> <p><a href="/" "contact.html" class="btn btn-success">戻る</a></p> </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で記述しました。しかし、入力内容が出力されずにエラーが出てきてしまいました。 自身でも何度か調べてみたのですが、解決策が見つからず困っています。 ### 補足情報(FW/ツールのバージョンなど) ここにより詳細な情報を記載してください。
> テキストエリアに入力された改行を結果画面で表示したいです。
> たとえば以下のメソッドを利用する。
> 文字列.gsub(/\r\n|\r|\n/, "<br>"
「改行を表示したい」とありますが、そうではなく、テキストエリアに入力された文字列の「改行を除去して表示したい」のですよね。
> NoMethodError at /
> undefined method `gsub' for nil:NilClass
nil:NilClassのにはgsubメソッドは無い、言い方を変えると、
gsubメソッドを呼び出そうとしているオブジェクトがnilである、と言っています。
> <td class ="text-center"><b>内容</b></td>
> <% name =params["content"] %>
> <% content=content.gsub(/\R/,"<br>")%>
> </tr>
の部分が正しいか、目で見て、更に値を"実際に"確認してください。
また、コードは正しくマークダウン記法を使ってください。大きなお世話かもしれませんが、「初心者なので」を連呼するとあまり良い印象を与えないのでなるべく避けた方がよいです。
出来ました!有り難うごいざいました。
回答1件
あなたの回答
tips
プレビュー