contenteditable의 이상한 행동

HTML5를 지원하는 브라우저를 메모장으로 만드는 사용하는 간단한 방법은 웹브라우저의 주소입력칸에 data:text/html,<html contenteditable> 이라고 입력하는 것이다.

그런데, 이렇게 만든 메모장에 무엇인가를 기록하고 파일로 저장할때 문제가 생긴다.

1. 파일로 저장하면 저장된 파일의 내용에는 "data:text/html,<html contenteditable>"만 들어있다.

2. 전체선택 > 복사 > 다른 프로그램에 붙여넣기를 해보면 아무것도 복사되지 않는다.
여기서 문제가 되는 부분은 "전체선택"이다. 전체선택 하지 말고 마우스로 처음부터 끝까지 쭉~ 긁어서 복사하면 복사가 된다.

그리고 다른 어떤 위험이 도사리고 있을지 모른다. 중요한 내용을 메모로 작성하고 있는 것이라면, 절대로 이런 장난스런 메모장으로 작업하지 않는것이 좋겠다.

---

이런 건 어때?

data:text/html,<html style="background-color:red;"><textarea style="width:100%; height:99%;">