반응형
아래 코드를 사용하면 웹 페이지 내용을 직접 편집할 수 있습니다.
document.body.contentEditable=true
*샘플 화면입니다 ^^; 보시는 것처럼 화면을 사용자 마음대로 편집할 수 있습니다. 문구 보이시나요?
contentEditable 속성은 사용자가 html 요소를 편집할 수 있는지 여부를 나타냅니다.
속성 값으로 'true', 'false', 'inherit'이 있는데요. 각각 편집 가능, 편집 불가능, 부모 요소의 편집 가능 여부 상속을 의미합니다.
이 기능을 통해 페이지를 변경했다고, 변경된 내용이 서버에 저장되는 것은 아닙니다.
임시로 클라이언트 측 화면을 수정하는 것이니, 데모나 프레젠테이션 등 화면 이미지가 필요할 때 사용하시면 되겠습니다.
반응형