웹 페이지 편집하는 방법 디자인 모드(document.designMode) 활성화

 

브라우저에서 바로 모든 웹사이트를 편집할 수 있습니다.

디자인 모드가 활성화되면 사용자는 WYSIWYG (What You See Is What You Get) 편집기에서와 같이 문서의 전체 내용을 편집할 수 있습니다.

 

문서 전체

doucument.designMode = 'on'

 

 

단 하나 요소

element.contentEditable

 

React, Angular 등과 같은 프레임워크

<div contenteditable="true">  This text can be edited!</div>