参照ボタン(例：http://www.dspt.net/html_tag/008_data/012.html)からtxt形式のファイルを読み込み、それをテキストボックスで編集し、ボタンをクリックで保存できるページを作るには、どのようなPerl(またはphp)やHTMLのコードを書けば良いですか？良回答には100ポイント差し上げます。

>どのようなPerl(またはphp)やHTMLのコード

"や"の部分のrubyも含まれると信じてサンプルをつくってみました。

概要

• ファイル一つでrubyのsinatraを使ってローカルサーバを起動し動作します。

準備

1. rubyが動作する環境を用意する。
2. "gem install sinatra" でsinatraをインストールする。
3. 以下のサンプルコードをsave_text.rbなどのファイル名で保存。
4. ruby save_text.rbで実行し、http://localhost:4567/ にアクセスする。

使い方

1. トップページでテキストファイルを選択し、loadボタンを押すと、編集画面に移動する。
2. テキストエリアで編集後、saveボタンを押すと、save_text.rbと同じ場所に同名のファイルが作られる。元ファイルは変更していない。
3. 保存完了を示すページに飛ぶ。

#!/usr/local/bin/ruby
require 'rubygems'
require 'sinatra'

get '/' do
src = <<"EOS"
<form method="post" action="/" enctype="multipart/form-data" />
<input type="file" name="textdata" />
<input type="submit" value="load"/>
</form>
EOS
  response.body = src
end


post '/' do
  text = params[:textdata][:tempfile].read
  filename = params[:textdata][:filename]

src = <<"EOS"
<form method="post" action="/" enctype="multipart/form-data" />
<textarea name="savetext" cols="60" rows="10">#{text}</textarea>
<input type="hidden" name="_method" value="put">
<input type="hidden" name="filename" value="#{filename}">
<br>
<input type="submit" value="save" />
</form>
EOS

  response.body = src
end


put '/' do
  text = params[:savetext]
  filename = params[:filename]

  open(filename, "wb") do |fh|
    fh.write text
  end
  redirect '/saved'
end

get '/saved' do
  "complete"
end

Webブラウザからサーバ上のテキストファイルを編集可能に - Web Editor

http://0-oo.net/sbox/web-editor

----

①ブラウザでファイルを選択して、サーバーに転送

②サーバーに転送されたファイルを編集

コメント欄が有効になっていないのでこちらに書きます。

• PCにrubyをインストールする必要があります。One-Click Rubyの1.8.7版をおすすめします。コマンドプロンプトに以下のコマンドで動作可能か確認できます。

ruby -v
gem -v
gem list

-vが付いているのはバージョンが表示されたらok。

gem listにsinatraの名前があればok。

• 「gem install ～」を入力すれば自動でインストールしてくれます。
• このサンプルはアップロードする必要はありません。ローカルで実行してください。

やりたい事はいわゆる"cgi"だと思うので、使用したい言語と一緒にググれば例をすぐ見つけることができるでしょう。

sinatraは簡単にウェブアプリをつくるためのプラグインのようなものです。

また、sinatraに対応したherokuというサービスを利用すれば無料でアプリを公開することができるのでおすすめです。

関連

• Ruby Freaks Lounge：第7回　小規模Webアプリのためのフレームワーク，Sinatra｜gihyo.jp … 技術評論社
• Sinatra: README (Japanese)