メッセージを複数行入力に対応させる

これまでで作成した掲示板は、投稿できるメッセージが1行のみでした。今回は、複数行のメッセージを投稿できるように改造してみます。

複数行の入力を受け付けるには、フォームのHTMLに textarea を使用します。

<textarea name="message" cols="50" rows="5"></textarea>

これで改行を入力できるようになるのですが、これだけでは不十分なのです。何故なら、受け取った改行は <br> タグに変換して表示する必要があります。また、改行を表す文字はOSによって異なるため、対処が必要です。

これまでプログラムで改行を行う際に \n を使用してきましたが、OSによっては改行として \n が送られてきたり、\r が送られてきたり、\r\n が送られてきたり…とまちまちです。ですから、これらすべてに対応させた処理を書く必要があります。具体的には、以下のような処理になります。

$in{'message'} =~ s/\r\n/<br>/g;
$in{'message'} =~ s/\r/<br>/g;
$in{'message'} =~ s/\n/<br>/g;

これで、\r\n・\r・\n すべての改行コードを改行タグに変換することができます。s/○/×/ という書き方については、正規表現を参照してください。

#!/usr/local/bin/perl

#投稿された値を受け取る
if ($ENV{'REQUEST_METHOD'} eq 'POST') {
  read(STDIN, $alldata, $ENV{'CONTENT_LENGTH'});
} else {
  $alldata = $ENV{'QUERY_STRING'};
}
foreach $data (split(/&/, $alldata)) {
  ($key, $value) = split(/=/, $data);

  $value =~ s/\+/ /g;
  $value =~ s/%([a-fA-F0-9][a-fA-F0-9])/pack('C', hex($1))/eg;
  $value =~ s/\t//g;

  $in{"$key"} = $value;
}

#ヘッダの表示
print "Content-Type: text/html; charset=Shift_JIS\n\n";
print "<html>\n";
print "<head><title>掲示板</title></head>\n";
print "<body>\n";

#受け取ったデータをファイルに書き込む
if ($in{'handle'} ne '' && $in{'message'} ne '') {
  if (open(FH, "bbs.txt")) {
    @file = <FH>;
    close(FH);

    #改行コードを改行タグに変換
    $in{'message'} =~ s/\r\n/<br>/g;
    $in{'message'} =~ s/\r/<br>/g;
    $in{'message'} =~ s/\n/<br>/g;

    #現在日時の取得
    ($sec, $min, $hour, $day, $mon, $year, $week) = localtime(time());
    @week = ('日', '月', '火', '水', '木', '金', '土');
    $year = $year + 1900;
    $mon  = $mon + 1;
    $week = $week[$week];
    $date = "$year年$mon月$day日($week) $hour時$min分$sec秒";

    unshift(@file, "$in{'handle'}\t$in{'message'}\t$date\n");

    if (open(FH, ">bbs.txt")) {
      print FH @file;
      close(FH);
    } else {
      print "<p>ファイルに書き込めません。</p>";
    }
  } else {
    print "<p>ファイルを読み込めません。</p>";
  }
}

#投稿フォームの表示
print "<form method=\"post\" action=\"bbs.cgi\">\n";
print "<p>\n";
print "ハンドルネーム<br>\n";
print "<input type=\"text\" name=\"handle\" size=\"20\" value=\"\"><br>\n";
print "メッセージ<br>\n";
print "<textarea name=\"message\" cols=\"50\" rows=\"5\"></textarea>\n";
print "</p>\n";
print "<p><input type=\"submit\" value=\"送信する\"></p>\n";
print "</form>\n";

#記事の一覧表示
if (open(FH, "bbs.txt")) {
  while ($data = <FH>) {
    ($handle, $message, $date) = split(/\t/, $data);

    print "<p>\n";
    print "投稿者：$handle<br>\n";
    print "メッセージ：$message<br>\n";
    print "投稿日時：$date\n";
    print "</p>\n";
  }
} else {
  print "<p>ファイルを読み込めません。</p>";
}

#フッタの表示
print "</body>\n";
print "</html>\n";

exit;

ファイルに記録する前に、あらかじめ改行コードを改行タグに変換しています。これで正しく改行を反映させることができます。

Web Liberty

サイト内検索

目次

メッセージを複数行入力に対応させる

メッセージを複数行入力に対応させる