現在、自作でホームページのCMSを作成しているのですが、記事作成画面となる「エディタ画面」も自作してみましたので、ここでまとめておこうと思います。 先に画像を貼っておきます。下のような簡易的なやつになります。 htmlのtextarerが入力画面となっていて、隣にあるdiv要素で作ったboxに入力した内容が反映される感じになってます。 Ajaxのような非同期通信にも見えますが、そんな高度な事はしておらず、javascriptのkey up関数で、キーボード入力が検知(キーが上がった瞬間)されれば、textareaの内容がdiv要素に渡されるだけの、簡易的なプログラムになります。 簡単なHTML/CSSとjavascriptで作成できるので、しょぼいですがなにかの参考になれば幸いです。 <!DOCTYPE html> <html lang="ja"> <head> <meta charset
![HTMLエディタを自作!「簡易的なHTMLエディタをhtml/css、javascriptで作成する方法」](https://cdn-ak-scissors.b.st-hatena.com/image/square/164cd9a23f7491085da08093d3c4aabaedf3caed/height=288;version=1;width=512/https%3A%2F%2Fdenkenmusic.com%2Fwp-content%2Fuploads%2F2021%2F02%2Fc6181bfacf7856b5ca5a3a014df8658f-1.png)