브라우져를 메모장으로
브라우져는 항상 켜놓는데, 가끔 간단한 메모를 해야 할때 메모장이나 워드패드, 아님 메모 웹앱등을 사용하곤 했는데, 브라우져를 그대로 메모장으로 쓸 수가 있었네요.. ^^ (아는 분들은 이미 아시는 내용일지도..)
원문: https://coderwall.com/p/lhsrcq (영문)
아래 라인을 브라우져 주소창에 복사해서 넣으면 간단한 메모장으로 사용할 수 있네요.
data:text/html, <html contenteditable>
* data uri와 html5의 contenteditable 을 이용하는 원리라네요.
자주 사용할것 같은면 북마크로 등록하고,
메모하던 내용은 Ctrl+s 하시면 html 로 저장이 되고요
기본적으로 브라우져에 문서를 올리는 것이기에, css/js 가 다 적용이 가능하고,
이를 이용한 여러 방법들이 올라왔네요..
* 매트릭스 스타일
data:text/html, <style>html,body{margin: 0; padding: 0;}</style><textarea style="font-size: 1.5em; line-height: 1.5em; background: %23000; color: %233a3; width: 100%; height: 100%; border: none; outline: none; margin: 0; padding: 90px;" autofocus placeholder="wake up Neo..." />
* 코드입력기 형태.. 하지만 외부 ace.js를 불러오기에 좀..
data:text/html,<title>DoJS</title><style type="text/css">#e{font-size: 16px; position:absolute;top:0;right:0;bottom:0;left:0;}</style><div id="e"></div><script src="http://d1n0x3qji82z53.cloudfront.net/src-min-noconflict/ace.js" type="text/javascript" charset="utf-8"></script><script>var e=ace.edit("e");e.setTheme("ace/theme/monokai");e.getSession().setMode("ace/mode/javascript");</script>
원문: https://coderwall.com/p/lhsrcq (영문)
아래 라인을 브라우져 주소창에 복사해서 넣으면 간단한 메모장으로 사용할 수 있네요.
data:text/html, <html contenteditable>
* data uri와 html5의 contenteditable 을 이용하는 원리라네요.
자주 사용할것 같은면 북마크로 등록하고,
메모하던 내용은 Ctrl+s 하시면 html 로 저장이 되고요
기본적으로 브라우져에 문서를 올리는 것이기에, css/js 가 다 적용이 가능하고,
이를 이용한 여러 방법들이 올라왔네요..
* 매트릭스 스타일
data:text/html, <style>html,body{margin: 0; padding: 0;}</style><textarea style="font-size: 1.5em; line-height: 1.5em; background: %23000; color: %233a3; width: 100%; height: 100%; border: none; outline: none; margin: 0; padding: 90px;" autofocus placeholder="wake up Neo..." />
* 코드입력기 형태.. 하지만 외부 ace.js를 불러오기에 좀..
data:text/html,<title>DoJS</title><style type="text/css">#e{font-size: 16px; position:absolute;top:0;right:0;bottom:0;left:0;}</style><div id="e"></div><script src="http://d1n0x3qji82z53.cloudfront.net/src-min-noconflict/ace.js" type="text/javascript" charset="utf-8"></script><script>var e=ace.edit("e");e.setTheme("ace/theme/monokai");e.getSession().setMode("ace/mode/javascript");</script>
댓글 9개
12년 전
중요한 것은 아니지만,
보통 북마클릿은, javascript를 북마크에 등록해서 사용하는 것으로 알고 있습니다. ^^;
위에 것은 당당히도 uri가 있는 '웹' 주소입니다. ^^
보통 북마클릿은, javascript를 북마크에 등록해서 사용하는 것으로 알고 있습니다. ^^;
위에 것은 당당히도 uri가 있는 '웹' 주소입니다. ^^
게시판 목록
자유게시판
| 번호 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|
| 199717 | 2일 전 | 3 | ||
| 199716 |
느긋한카키쿠키
|
2일 전 | 2 | |
| 199715 |
현대적인무질서한까마귀
|
2일 전 | 4 | |
| 199714 | 2일 전 | 9 | ||
| 199713 | 3일 전 | 16 | ||
| 199712 | 2주 전 | 244 | ||
| 199711 |
안졸리니졸리니
|
2주 전 | 121 | |
| 199710 |
 glitter0gim |
2주 전 | 135 | |
| 199709 |
glitter0gim |
2주 전 | 76 | |
| 199708 | 3주 전 | 90 | ||
| 199707 | 1개월 전 | 222 | ||
| 199706 | 1개월 전 | 26 | ||
| 199705 | 1개월 전 | 15 | ||
| 199704 | 1개월 전 | 32 | ||
| 199703 | 1개월 전 | 41 | ||
| 199702 | 1개월 전 | 79 | ||
| 199701 | 1개월 전 | 95 | ||
| 199700 | 1개월 전 | 69 | ||
| 199699 | 1개월 전 | 71 | ||
| 199698 | 1개월 전 | 116 | ||
| 199697 | 1개월 전 | 83 | ||
| 199696 |
 Gothrock |
1개월 전 | 230 | |
| 199695 | 1개월 전 | 71 | ||
| 199694 | 1개월 전 | 98 | ||
| 199693 | 1개월 전 | 166 | ||
| 199692 | 1개월 전 | 167 | ||
| 199691 |
 샬롬이아빠 |
1개월 전 | 140 | |
| 199690 | 1개월 전 | 235 | ||
| 199689 | 1개월 전 | 144 | ||
| 199688 | 1개월 전 | 172 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기