contentEditableでDOM操作する
タイトルのままの作業メモ。Webサイト上の文字内容を軽く修正して、文章のボリューム感を確認したいときとかに便利なコマンドを覚えたので書き残しておきますっ
ブラウザのインスペクタを開いて、Consoleに下記コマンドを入力するだけ
1 |
document.body.contentEditable=true |
※冒頭のdocumentは省略可。bodyの下の任意の要素を指定しても大丈夫です。
これで、ブラウザ上をクリックするだけで自由に文章編集できちゃいます!
編集モードをOFFにするときは、値をfalseにして入力しなおせばOK!
1 |
document.body.contentEditable=false |