Текстовый редактор на Javascript-е прямо в вашем браузере всего в одну строчку кода

Текстовый редактор на Javascript-е прямо в вашем браузере всего в одну строку кода

Иногда может произойти ситуация, когда вам нужно подправить какой-то кусок кода, а под рукой нет текстового редактора с подсветкой (возможно чужой компьютер и т.п.). На ресурсе coderwall привели пример того, как одной строчкой кода добавить в ваш браузер текстовый редактор с подсветкой кода.

Все, что нужно сделать - скопировать приведенную строчку кода и вставить в адресную строку. И это работает!

data:text/html, <style type="text/css">#js-editor{position:absolute;top:0;right:0;bottom:0;left:0;}</style><div id="js-editor"></div><script src="http://d1n0x3qji82z53.cloudfront.net/src-min-noconflict/ace.js" type="text/javascript" charset="utf-8"></script><script>var jsEditor=ace.edit("js-editor");jsEditor.setTheme("ace/theme/monokai");jsEditor.getSession().setMode("ace/mode/javascript");</script>

Браузерная совместимость:

  1. Chrome + Chrome Dev + Chrome Canary: работает
  2. Safari: тоже работает
  3. Internet Explorer: да кого это волнует