document.body.contentEditable = true; // 讓頁面可編輯
- 在搜索框中輸入以下內容, 可讓頁面變成簡易編譯器
data:text/html, <html contenteditable>
- 如下配置style, 可編輯頁面來改變樣式
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<style style="display: block; white-space: pre;" contentEditable>
body {
color: #f00;
}
</style>
</body>
</html>