前のページ(COMET)へ / 次のページ(サンプル お絵描き掲示板)へ
AJAX のサンプルとして Wiki を書いてみました。 主な機能は
- 掲示板と全く同じ認証
- AJAX で文章を読み込む
- AJAX で文章を書き込む
- 動的に Wiki 整形する
- 登録済みのタイトルを Wiki リンクにする
- url らしきものを外部リンクにする
- 段落を p で括る
- < で始まる段落を blockquote で括る
- - で始まる段落をulで括る
というところです。 入力するごとに動的に Wiki 整形しているので 書いたそばから結果を表示するようになっています。 読み書きは Wiki 記法で書いたそのままのソースと 現在の DB にある全タイトルのリストを通信しています。 なので記事が肥大化すると整形が重くなりますし、 DB が肥大化すると通信が重くなります。 ちなみにリンクは全てnofollowで作成しています。 (download)
これも掲示板と同じくときどき DB を初期化します。 あくまでもサンプルとして利用してください。
修正です。 encodeURIComponet() するべきところを encodeURI() していました。 投稿内容が + などの記号を含むときに 途中で分割されてしまうことがあったのを修正しました。
ちょっと改造しました。 document.location.hash にタイトル情報を含めるようにしました。 タイトル欄を空にして読み込みを行うと document.location.hash からタイトル情報を読み出して そのタイトルの記事を表示します。 逆にタイトルが指定してある状態で記事を読み書きすると タイトル情報を document.location.hash に書き込みます。 さらに title の初期値を空にしておけば http://( サーバ名 )/( ファイル名 )#(encodeURIComponent( タイトル )) という外部リンクから移動してきた場合にも 自動的にそのタイトルの記事を読み込みます。 外部リンクが出来るということは ブックマークも出来るということになります。