テスト環境
- OS
- macOS High Sierra Version 10.13.6
- ブラウザ
- Google Chrome Version 68.0.3440.106 (64-bit)
- Firefox Quantum 61.0.2 (64-bit)
- Safari Version 11.1.2
仕様
ブラウザでは、即席にメモ帳機能を使用できます。
HTML5の「contenteditable」属性を利用し、HTMLタグに対して指定することでページ内全体が編集可能になります。
使い方
URLに以下の文を入力することで、使用できます。
data:text/html, <html contenteditable>
入力した内容は、テキストファイルとして保存することもできますが、
検証したところ、以下3つの中にFirefoxだけが対応できます。
| Browser | Save as text file? |
|---|---|
| Chrome | NO |
| Firefox | Ctrl+S |
| Safari | NO |
また、HTMLタグにスタイル文を追加することで、Backgroun, Font, Layoutなどの属性を変更することができます。尚、検証したところで、ChromeとSafariは、当ファイのStyle属性をサポートしますが、Firefoxは対応できません。
data:text/html, <html contenteditable><style>body{background-color:#000000;color:#00FF00;font-family:menlo;margin:50px 50px}</style>
| Browser | Style Availability |
|---|---|
| Chrome | YES |
| Firefox | NO |
| Safari | YES |