前言

document.designMode，可以控制整个document变为可编辑的。
我们透过"on"及"off"来调整。
透过document.execCommand我们能做很多事情，例如:insertText。
 

Demo

这里简单的示范给大家看( 11秒 )，以下示范纯粹看爽的。
贴入进程码，就能对网页，进行编辑罗，影片中我调整了「星星」数。

粘贴，如下的JavaScript进程，即可修改网页罗。

document.designMode = "on";
document.execCommand("insertText");

如果，您喜欢这个教程，请真的给D-Laravel一颗Star吧!
https://github.com/DevinY/dlaravel

再来看看更多运用吧，这是w3schools的demo，用滑鼠选取文本，再压「shift」钮，可让文本变粗体。
https://www.w3schools.com/JSREF/tryit.asp?filename=tryjsref_document_execcommand