【僕と僕の･･･】テキストエディターを作る

※1 余談ですが、この編集画面で改行を入れるには「ctrl + M」を押せば良いと、長年使っていてようやく気がつきました。

※2 ああ～やっぱりボタンひとつでタグを挿入してくれる。便利ですね。

※3 たしかこんな感じのワードで検索していったと思います。

※4 この時は、これがとんでもない勘違いだと知る由もありませんでした。

※5 これもただの時間の無駄だったわけです。

---

LIJILBBS もようやくレンタルできる段階にたどり着く事ができました。

レンタル掲示板を作っていて思ったのですが、投稿する記事内にHTMLタグが使えると良いですよね。強く伝えたいことなどを大きな文字で書き込めると、表現力が上がるというか、使っていても面白いと思うのです。

なので、LIJILBBSもタグを書き込めるように作ろうと思ったのですが、考えているうちに問題があることに気がつきました。それは、書き込まれた記事内のタグにミスがあると、掲示板の表示が乱れてしまとものです。

たとえば、<font>タグを閉じ忘れれば、その後に表示されるテキストは、その<font>タグの影響を受けてしまいます。そのほかにも、 ” の書き忘れも問題です。やはり、タグを許可することは、問題がありそうです。

※1

そこで思いついたのが、アメブロの編集画面のようにボタンを押せば文字の色を変えたり、画像を挿入できたりする機能をLIJILBBSにも持たせれば、何も問題は発生しません。

ですが、java script・・・苦手なんです。

でもやるしかないと思い、早速近くの本屋さんでjava script関係の本を購入し、家に帰って読み始めました。

・・・・・・が、僕のやりたいことに関連した項がありませんでした。

※2

ない訳はないはずです。

もう一度目次を目を皿にして丹念に調べてみましたが・・・・

やはりありませんでした。

こうなったら仕方ありません。実物を調べるしかないので、アメブロの編集画面からソースを拝見。外部ファイルになっていたjava scriptも拝見しましたが、ソースが大きすぎて、とても読む気にはなれませんでした。

※3

横着な僕はgoogleで「テキストエリア + タグ挿入」で検索を始めました。すると、すぐに僕の探しているものに近そうなページを発見することができ、そのやり方も解説されていたので、早速のその方法でスクリプトを組み上げました。

※4

さて、そんなこんなでテキストエリアにボタンひとつでタグを挿入することはできました。そして次の段階です。現状では、テキストエリアにタグを挿入すると、そのタグがそのまま表示されている状態なのです。アメブロみたいに、本当に字が大きく表示されたり、太字で表示されたりはしないわけです。これをちゃんと、飾られた文字が表示されるように改良しなくてはいけない訳なんですが、僕にはその方法がサッパリ解かりませんでした。

※5

そこで、またgoogleで検索を始めました。「テキストエリア + スタイルシート」で。

つづく