浏览器 1 秒变身 Python 编辑器( 二 ) _Python

文章插图

如何变身Python编辑器？接下来，我们来看怎样将浏览器打造成Python编辑器。只需要在地址栏输入下面的代码即可：

data:text/html, <style type="text/css">.e{position:absolute;top:0;right:0;bottom:0;left:0;}</style><div class="e" id="editor"></div><script src=https://www.isolves.com/it/cxkf/yy/Python/2019-08-13/"http://d1n0x3qji82z53.cloudfront.net/src-min-noconflict/ace.js" type="text/JAVAscript" charset="utf-8">

这段代码是由jdkanani在Github上分享的。
事实上，我们只要简单修改一下上面的代码，就可以马上将浏览器变成其他语言的编辑器，包括Markdown、C/C++、Javscript、Java等几乎所有编程语言。你所要做的，只是将代码中的 ace/mode/python，修改成ace/mode/相应的语言（如java）即可。
除了支持多种语言，它还支持更改页面主题！Eclipse、Github、Textmate等众多经典主题，统统支持！只需要将 ace/theme/textmate中的textmate替换成你喜欢的主题即可，如monokai 。

渲染Markdown文本如果你习惯于用Markdown语法写作，你或许会希望直接在页面中查看渲染后的效果。只需要输入下面这行代码即可：

data:text/html,<style type="text/css">.e{position:absolute;top:0;right:50%;bottom:0;left:0;} .c{position:absolute;overflow:auto;top:0;right:0;bottom:0;left:50%;}</style><div class="e" id="editor"></div><div class="c"></div><script src=https://www.isolves.com/it/cxkf/yy/Python/2019-08-13/"http://d1n0x3qji82z53.cloudfront.net/src-min-noconflict/ace.js" type="text/JavaScript" charset="utf-8">