HTML

designModeを利用して、ブラウザ上でリッチテキストエディタ

ブラウザ上で高機能なテキストエディタを実現したい時、ブラウザに元々備わっているdesignModeを利用することができます。 iframeを用意 ページにテキストエディタとなるiframeを配置します。 <html lang="ja"> <head> <meta charset="UTF-8"> <title>デザインモード</title> </head> <body> <iframe id="design-area" width="500" height="500"></iframe> </body> </html> designModeをON 下記のようにd…