Thuộc tính designMode trong HTML DOM

Thuộc tính designMode cho phép chỉnh sửa trực tiếp toàn bộ tài liệu HTML (chế độ WYSIWYG). Mặc định là "off", đặt "on" để bật chỉnh sửa.

Cú pháp

document.designMode = "on|off"

Ví dụ

Bật chế độ chỉnh sửa tài liệu:

<!DOCTYPE html> <html> <body> 
<h1>Document designMode Property</h1> 
<p>Đây là đoạn văn bản có thể chỉnh sửa</p> 
<button type="button">NÚT 1</button> 
<script> 
  document.designMode = "on"; 
</script> 
</body> </html>

Kết quả

Trang tải xong, toàn bộ nội dung có thể chỉnh sửa (click vào text để sửa, xóa nút...):

Sau khi người dùng sửa đổi:

Lưu ý

Khi designMode="on", người dùng có thể sửa bất kỳ text nào, thậm chí xóa cả element (bằng cách xóa text của nó). Đây là cơ chế của các trình soạn thảo trực tuyến.