可編輯的 HTML 區塊- contenteditable 與 designMode

分享:

contenteditable 與 designMode 都是 html5 新增的屬性,目的就是讓 html 的區塊變成可以編輯,差別在於 contenteditable 是用來指定區塊,而 designMode 則是可以對整個 html 文件切換可編輯狀態。

要設定區塊可以編輯只要在元素上加上 contenteditable 就好了,而若要切換 html 文件的 designMode,只要用 js 去設定就好。

document.designMode = "on|off"