서버 / IT 간단한 웹 메모장
2015.08.21 22:16
아시는 분은 아실텐데,
크롬이나 파폭에서 간단하게 메모장 만드는 명령이 있습니다.
https://www.itworld.co.kr/news/87879
위 페이지의 내용에서 코드 긁어서,
즐겨찾기에 추가하면 됩니다.
위 내용을 기반으로 좀 수정버전을 만들었는데,
수정한 건 파폭은 안되고,
크롬에서만 되네요. ㅠㅠ
data:text/html, <body><button onclick="var myObj=document.getElementById('temp_memo');var currentState=myObj.isContentEditable;var newState=!currentState;myObj.contentEditable=newState;if(newState){myObj.style.border='3px solid #2e70c4'}else{myObj.style.border='1px solid blue'}">changeEdit</button> Temporary Memo(if close tab, it will be erased.)<div id=temp_memo contenteditable=true style="font: 2rem/1.5 monospace;max-width:60rem;margin:0 auto;padding:4rem;border: 3px solid #2e70c4;"></div></body>
간단한(?) 거니까
입맛에 맞게 수정해서 쓰시면 되겠습니다. ^^
(능력 되시는분 파폭용으로도 좀 만들어 올려주셨으면... ㅠㅠ)
원본과 다른 점은
편집/편집종료 이런식으로 상태를 바꿀수 있는데,
이럴때의 장점이,
링크 주소 같은거는 클릭이 가능해집니다.
(단, 새창열기를 위해서는 휠클릭, 혹은 Ctrl+클릭, Shift+클릭 해주셔야함.)
원본은 계속 편집모드만 유지되어서 그런거 안돼서 만든겁니다.
그리고 공통적으로
창을 닫거나 클릭했다가 뒤로가기해서 돌아오면,
내용은 싹 사라지니까 주의하세요. ^^