投稿ページ(index.erb)の記入欄を投稿すると反映されるようにしたい。

解決したいこと
0. 投稿ページ(index.erb)の記入欄を投稿すると反映されるようにしたい。

textareaに記入したものが、改行できないためその方法を教えて欲しい。

以上になります。周りに聞ける人がいなく検索を使い様々な方法を試しましたが結局反映されませんでした。

main.rb

lang
1require 'sinatra'
2require 'sqlite3'
3require 'securerandom'
4require 'sinatra/json'
5
6db = SQLite3::Database.new "db/post.db"
7db.results_as_hash = true
8
9get '/top' do
10  posts = db.execute("SELECT * FROM post ORDER BY id DESC")
11  erb :index, { :locals => { :posts => posts } }
12end
13
14post '/top' do
15  file_name = ""
16
17  if params["file"]
18    ext = ""
19    if params["file"][:type].include? "jpeg"
20      ext = "jpg"
21    elsif params["file"][:type].include? "png"
22      ext = "png"
23    else
24      return "投稿できる画像形式はjpgとpngだけです"
25    end
26
27    file_name = SecureRandom.hex + "." + ext
28
29    File.open("./public/uploads/" + file_name, 'wb') do |f|
30      f.write params["file"][:tempfile].read
31    end
32  else
33    return "画像が必須です"
34  end
35
36  stmt = db.prepare("INSERT INTO post (text, img_file_name,) VALUES (?, ?)")
37  stmt.bind_params(params["ex_text"], file_name)
38  stmt.execute
39  redirect '/top'
40end
41
42get '/star' do
43  post_id = params["post_id"].to_i
44  post = db.execute("SELECT star_count FROM post WHERE id = ?", post_id)
45  if post.empty?
46    return "error"
47  end
48  new_star_count = post[0]["star_count"] + 1
49  stmt = db.prepare("UPDATE post SET star_count = ? WHERE id = ?")
50  stmt.bind_params(new_star_count, post_id)
51  stmt.execute
52
53  response = { "star_count" => new_star_count }
54  json response
55end
56

post.rb

lang
1require 'sqlite3'
2
3db = SQLite3::Database.new'db/post.db'
4
5p db.execute('CREATE TABLE post (
6    id INTEGER PRIMARY KEY AUTOINCREMENT,
7    text TEXT,
8    img_file_name TEXT,
9    
10    star_count INTEGER default 0
11  )')

index.erb

lang
1<!DOCTYPE html>
2<html>
3<head>
4  <meta charset="utf-8">
5  <title>Sample</title>
6  <link href="/css/main.css" media="screen" rel="stylesheet" type="text/css">
7</head>
8
9<img src="https://2.bp.blogspot.com/-TrF2hV0zpk8/WUJWGn7SULI/AAAAAAABE1c/kgFmebjLUcYJzSMwdZVojkKzWKPpox64ACLcBGAs/s1600/top_banner.jpg" height="400"><br><br>
10
11<body>
12  <div class="container">
13    <h1>投稿ページ</h1>
14    <div class="submit">
15      <form method="post" id="ex-form" action="/top" enctype="multipart/form-data">
16
17      <div class="form_name">
18         名前 <input type="text" name="name" value="" placeholder="名前を入力してください">
19      </div>
20
21      <div class="form_ch">
22          <input type="button" name="ch" value="チャンネル" onClick="window.open('http://google.com')">
23      </div>
24
25      <div class="form_title">
26          <input type="text" name="title" value="" placeholder="タイトルを入力してください">
27      </div>
28
29      <div class="form-equipmen">
30      <textarea name="equipmen" rows="4" cols="40" id="equipmen" placeholder="必要機材" ></textarea>
31  </div>
32      
33      <div class="form-text">
34          <textarea name="ex_text" id="ex-text" placeholder="開発工程" ></textarea>
35      </div>
36
37      <div class="form-file">
38      <input type="file" name="file" value="file">
39　    </div>
40
41      <div class="form-submit">
42          <input type="submit" name="submit" value="投稿">
43      </div>
44
45      </form>
46    </div>
47
48    <% posts.each do |post| %>
49    
50       <div class="post">
51      <div class="post-text">
52        <%= escape_html post["text"] %>
53      </div>
54
55      <div class="post-image">
56      <img src="/uploads/<%= post["img_file_name"] %>" alt="<%= post["img_file_name"] %>" class="ex-image">
57    </div>
58
59
60       <div class="tools">
61       <a href="/star?post_id=<%= post["id"] %>">いいね！</a><br>
62         <span class="add-star" data-post-id="<%= post["id"] %>"><%= post["star_count"] %></span>
63       </div>
64       
65     </div>
66     <% end %>
67  </div>
68  <script src="/js/jquery.js"></script>
69  <script src="/js/main.js"></script>
70</body>
71</html>