단 한 줄의 code_javascript 기술만으로 온라인 편집기를 쉽게 구현

대부분의 사람들의 눈에는 테크니컬 너드가 과묵하고 자신이 무슨 생각을 하고 있는지 전혀 파악하지 못하는 인상을 주기 때문에 서로 거리를 두고 있습니다. 하프 프로그래머로서, 진정한 기술 전문가들은 대부분의 시간을 즐겁게 보내고 다양한 아이디어를 고민하는 데 소비한다고 생각합니다. 그들은 대부분의 프로그래머들과 마찬가지로 농담을 하고 요리하는 것을 좋아합니다. 스트레스 해소법은 일반인들과 다를 바 없는 것 같습니다.

기술 괴짜들은 미니멀리즘과 같은 극단을 옹호하며 단순함이 단순하지 않기를 바랍니다. 그 이면에는 기술 괴짜들의 끊임없는 시도가 펼쳐지고 있습니다.

"프로그래머 Jose Jesus Perez Aguinaga는 CoderWall에서 약간의 요령을 공유했습니다. 브라우저 주소 표시줄에 data:text/html, 코드 줄을 입력하고 Enter 키를 눌러 브라우저를 임시 편집기로 전환하는 것입니다. (브라우저는 HTML5 속성 contenteditable을 지원해야 합니다.) Jose에서 영감을 받아 많은 프로그래머들이 이 코드 줄을 Ruby 구문 강조를 지원하는 편집기로 변경하는 등 수정하기 시작했습니다..."

소개에서 볼 수 있듯이 원래는 짧은 코드 조각(data:text/html, )이었습니다. 프로그래머가 계속해서 수정한 후 간단한 편집 가능한 페이지에서 지원을 포함하도록 점차 변경되었습니다. Java, Ruby, Python 및 기타 프로그래밍 언어에 대한 강조 표시가 있는 코드 편집기. 한 시간도 안 되어 마지막 업데이트 기준으로 타사 웹사이트 데이터베이스 API 서비스를 사용하는 notepad.cc와 유사한 기능을 갖춘 웹사이트를 보았습니다. 콘텐츠 저장:

코드 복사 코드는 다음과 같습니다.

데이터: text/html,

<script><BR>var myKey="SecretKeyz";<BR>$(document).ready(function( ){<BR> var e = ace.edit("e");<BR> var url = "http://api.openkeyval.org/" myKey;<BR> $.ajax({<BR> url: url,<BR> dataType: "jsonp",<BR> 성공: function(data){<BR> e.setTheme("ace/theme/tomorrow_night_eighties");<BR> e.getSession().setMode("ace /mode/markdown ");<BR> e.setValue(data);<BR> }<BR> }); <P> $("#e").on("keydown", function (b) {<BR> if (b.ctrlKey && 83 == b.which) {<BR> b.preventDefault();<BR> var data = myKey "=" encodeURIComponent(e.getValue());<BR> $.ajax({<BR>       data: data,<BR>     url: "http://api.openkeyval.org/store/ ", <D> 데이터 유형:" jsonp ", <BR> 성공: 함수(데이터) {<BR> 경고(" 저장됨. "); <BR>} <BR>}); ; 편집기), Enter를 눌러 엽니다. 그리고 콘텐츠를 저장하기 위해 CTRL S를 지원하는 온라인 편집기가 눈앞에 나타날 때까지 잠시 기다리십시오. <BR> <BR> 단 한 줄의 코드로 시스템 기능을 하는 메모장 프로그램을 구현하는 기술 괴짜의 예술적 성취에 감동하셨나요? ~<BR></script>