ホーム > 亀の子記（日記）ど素人が独学でHTMLやPHPを勉強してサイトを作る日記

【183日目】自作ブログ投稿フォーム:パラグラフの編集はどうすればいいか考えてみた

Posted:2021.03.01　 Last Update:2021.03.01

しばらくお休みしていた「記事の投稿ページを作成する」プロジェクトを昨日から再開しました。次はいよいよ、文章の装飾を画面上にしのまま表示させ、かつそのまま編集できるようにしたい！…どうやるんでしょうね。

ここまでの成果

一大プロジェクト「記事の投稿ページを作成する」！今手打ちでタグとかも書いている入力を、フォームで簡単にできるようにするのが目標です。現在までにできているのが、大まかに次に四つです。

昨日はリストを箇条書きの項目ごとに編集できるようにしました。昨日までて作った画面がこんな感じです。

では、今日の作業に入ります！と言っても、なにからやりましょうね…。昨日の最後も共有した、必要なものリストをふりかえり。

真ん中の「画像のPHPがループしないように設定し、現在のPHPから余分を取り除きたい」から、と思ったのですが、調べたところ、今のPHPで何ら問題がありませんでした。このリストを書いた時には何かが引っかかっていたのだと思いますが…。きっと勘違いだったのでしょう！

あとは、文章を記事に表示している状態で表示する項目ばかりです…。今日はここをどのように実行するか調べていきましょう。

胴検索していいかすらわからない…。「Wordpressのような編集画面の作り方」とか「WEBからHTMLを編集する」「オンラインでテキストエディタを作る」とか、いろいろ検索。………。

最終的に英語に切り替え。「how to create online text editor」と検索しました。出てきました。わんさか。需要が違うんでしょうかね。

ちょこちょこ斜め読み…。うん、求めているものができそうです。テキストの色も変えられるし！ただ、javascriptを使わなくてはいけないみたいですね。仕方がないので、使いましょう！

はい、検索しただけで終りました！なにも進んでいません！明日はいよいよ、検索して出て来た（英語の）開発方法を参考に、画面上でテキストを編集できるページを作っていきたいと思います。

ちなみに、今残っている課題が次の3つです。では、また明日！