Easily implement an online editor with just one line of code_javascript skills

In the eyes of most people, the technical nerd gives the impression that he is taciturn and can never figure out what he is thinking, so they keep a distance from each other. As a half-programmer, I think real technical nerds spend most of their time having fun and tinkering with various ideas. They have the same geek mentality as most people. Programmers also like to tell jokes and cook. Although most of the meals are for stress relief, it seems no different from ordinary people.

The difference is that tech nerds advocate extremes, like minimalism, and hope that simplicity is not simple. Behind the scenes are the constant attempts of tech nerds. I am watching a good show being performed:

"Programmer Jose Jesus Perez Aguinaga shared a little trick on CoderWall: enter a line of code in the browser address bar: data:text/html, and press Enter to turn the browser into a temporary editor. (The browser needs to support the HTML5 attribute contenteditable). Inspired by Jose, many programmers began to modify this line of code, such as changing it to an editor that supports Ruby syntax highlighting..."

As you can see from the introduction, it was originally just a short piece of code: data:text/html, . After continuous modification by programmers, it gradually changed from a simple editable page to include support A code editor with highlighting for Java, Ruby, Python and other programming languages. As of the last update in less than an hour, I have seen a website with similar functions to notepad.cc, which uses a third-party website database API service to store content. Online editor:

Copy code The code is as follows:

data: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> success: 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> Datatype:" jsonp ", <BR> SUCCESS: Function (data) {<BR> Alert (" Saved. "); <BR>} <BR>}); ; editor), press Enter to open it, and wait a moment for an online editor that supports CTRL S to save content to appear in front of you. <BR> <BR>With just one line of code, it implements a notepad program that functions as a system. Are you impressed by the artistic attainments of a technical geek? ~<BR></script>