any-programming
https://blog.hatena.ne.jp/any-programming/
何でもプログラミング
https://any-programming.hatenablog.com/
HTML
JavaScript
ブラウザ上で高機能なテキストエディタを実現したい時、ブラウザに元々備わっているdesignModeを利用することができます。 iframeを用意 ページにテキストエディタとなるiframeを配置します。 <!DOCTYPE html> <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…
190
<iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fany-programming.hatenablog.com%2Fentry%2F2018%2F06%2F28%2F110229" title="designModeを利用して、ブラウザ上でリッチテキストエディタ - 何でもプログラミング" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe>
https://cdn-ak.f.st-hatena.com/images/fotolife/a/any-programming/20180627/20180627131735.png
Hatena Blog
https://hatena.blog
2018-06-28 11:02:29
designModeを利用して、ブラウザ上でリッチテキストエディタ
rich
https://any-programming.hatenablog.com/entry/2018/06/28/110229
1.0
100%