在chrome(我用的360极速浏览器)浏览器里直接复制代码到浏览器:粘贴就可以用了,
当然也可以保存到自己的收藏夹里（前提是有网）
之前写的原文
快捷键:Ctrl+F
搜索 Alt+F
格式化 Ctrl+Shift+空格
显示提示 Ctrl+鼠标左键可以多选 Alt+点击鼠标左键后移动（可选择多行 ）
Ctrl+S下载代码
Ctrl+R预览
支持emmet
....
保存下面代码到收藏夹
data:text/html;charset=utf-8,<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>HTML编辑器</title> <style type='text/css'> #e { position: absolute; top: 0; right: 0; bottom: 0; left: 0; } </style> </head> <body> <div id='e'></div> <script src='https://cdn.bootcss.com/ace/1.2.6/ace.js' type='text/javascript' charset='utf-8'></script> <script src='https://cdn.bootcss.com/ace/1.2.6/ext-language_tools.js'></script> <script src='https://cloud9ide.github.io/emmet-core/emmet.js' type='text/javascript' charset='utf-8'></script> <script src='https://cdn.bootcss.com/ace/1.2.6/ext-emmet.js' type='text/javascript' charset='utf-8'></script> <script> var e = ace.edit('e'); e.setTheme('ace/theme/monokai'); e.getSession().setMode('ace/mode/html'); e.setOption('enableEmmet', true); ace.require('ace/ext/language_tools'); e.setOption('enableLiveAutocompletion', true); e.setOptions({ enableBasicAutocompletion: true }); e.getSession().setUseWrapMode(true); function SaveTextArea() { var t = new Blob([e.getValue()], { type: "text/html;charset=UTF-8", encoding: "UTF-8" }), n = document.createElement("a"); n.href = URL.createObjectURL(t), n.download = "%E4%BF%9D%E5%AD%98.html", n.click(); }; function do_js_beautify() { js_source = (e.getValue()).replace(/^\s+/, ''); tabsize = 1; tabchar = '\t'; if(js_source && js_source.charAt(0) === '<') { e.setValue(style_html(js_source, tabsize, tabchar, 80)); } else { e.setValue(js_beautify(js_source, tabsize, tabchar)); }; return false; }; document.onkeydown = function(e) { if(e.ctrlKey == true && e.keyCode == 83) { SaveTextArea(); return false; }; if(e.altKey == true && e.keyCode == 70) { do_js_beautify(); return false; }; if(e.ctrlKey == true && e.keyCode == 82) { runEx(); return false; }; if(e.altKey == true && e.keyCode == 82) { runEx(); return false; }; }; var r; function runEx() { r=new Blob([e.getValue()], { type: "text/html;charset=UTF-8", encoding: "UTF-8" }), window.open(URL.createObjectURL(r)); }; </script> <script src='http://tool.chinaz.com/template/default/js/jsformat.js'></script> <script src='http://tool.chinaz.com/template/default/js/htmlformat.js'></script> </body> </html>
[点击弹出HTML编辑器](data:text/html;base64,PCFET0NUWVBFIGh0bWw+CjxodG1sPgoKCTxoZWFkPgoJCTxtZXRhIGNoYXJzZXQ9IlVURi04Ij4KCQk8dGl0bGU+REVNTzwvdGl0bGU+CgkJPHN0eWxlIHR5cGU9J3RleHQvY3NzJz4KCQkJI2UgewoJCQkJcG9zaXRpb246IGFic29sdXRlOwoJCQkJdG9wOiAwOwoJCQkJcmlnaHQ6IDA7CgkJCQlib3R0b206IDA7CgkJCQlsZWZ0OiAwOwoJCQl9CgkJPC9zdHlsZT4KCTwvaGVhZD4KCgk8Ym9keT4KCQk8ZGl2IGlkPSdlJz48L2Rpdj4KCQk8c2NyaXB0IHNyYz0naHR0cHM6Ly9jZG4uYm9vdGNzcy5jb20vYWNlLzEuMi42L2FjZS5qcycgdHlwZT0ndGV4dC9qYXZhc2NyaXB0JyBjaGFyc2V0PSd1dGYtOCc+PC9zY3JpcHQ+CgkJPHNjcmlwdCBzcmM9J2h0dHBzOi8vY2RuLmJvb3Rjc3MuY29tL2FjZS8xLjIuNi9leHQtbGFuZ3VhZ2VfdG9vbHMuanMnPjwvc2NyaXB0PgoJCTxzY3JpcHQgc3JjPSdodHRwczovL2Nsb3VkOWlkZS5naXRodWIuaW8vZW1tZXQtY29yZS9lbW1ldC5qcycgdHlwZT0ndGV4dC9qYXZhc2NyaXB0JyBjaGFyc2V0PSd1dGYtOCc+PC9zY3JpcHQ+CgkJPHNjcmlwdCBzcmM9J2h0dHBzOi8vY2RuLmJvb3Rjc3MuY29tL2FjZS8xLjIuNi9leHQtZW1tZXQuanMnIHR5cGU9J3RleHQvamF2YXNjcmlwdCcgY2hhcnNldD0ndXRmLTgnPjwvc2NyaXB0PiAKCQk8c2NyaXB0PgoJCQl2YXIgZSA9IGFjZS5lZGl0KCdlJyk7CgkJCWUuc2V0VGhlbWUoJ2FjZS90aGVtZS9tb25va2FpJyk7CgkJCWUuZ2V0U2Vzc2lvbigpLnNldE1vZGUoJ2FjZS9tb2RlL2h0bWwnKTsKCQkJZS5zZXRPcHRpb24oJ2VuYWJsZUVtbWV0JywgdHJ1ZSk7CgkJCWFjZS5yZXF1aXJlKCdhY2UvZXh0L2xhbmd1YWdlX3Rvb2xzJyk7CgkJCWUuc2V0T3B0aW9uKCdlbmFibGVMaXZlQXV0b2NvbXBsZXRpb24nLCB0cnVlKTsKCQkJZS5zZXRPcHRpb25zKHsKCQkJCWVuYWJsZUJhc2ljQXV0b2NvbXBsZXRpb246IHRydWUKCQkJfSk7CgkJCWUuZ2V0U2Vzc2lvbigpLnNldFVzZVdyYXBNb2RlKHRydWUpOwoKCQkJZnVuY3Rpb24gU2F2ZVRleHRBcmVhKCkgewoJCQkJdmFyIHQgPSBuZXcgQmxvYihbZS5nZXRWYWx1ZSgpXSwgewoJCQkJCQl0eXBlOiAidGV4dC9odG1sO2NoYXJzZXQ9VVRGLTgiLAoJCQkJCQllbmNvZGluZzogIlVURi04IgoJCQkJCX0pLAoJCQkJCW4gPSBkb2N1bWVudC5jcmVhdGVFbGVtZW50KCJhIik7CgkJCQluLmhyZWYgPSBVUkwuY3JlYXRlT2JqZWN0VVJMKHQpLCBuLmRvd25sb2FkID0gIuS/neWtmC5odG1sIiwgbi5jbGljaygpOwoJCQl9OwoKCQkJZnVuY3Rpb24gZG9fanNfYmVhdXRpZnkoKSB7CgkJCQlqc19zb3VyY2UgPSAoZS5nZXRWYWx1ZSgpKS5yZXBsYWNlKC9eXHMrLywgJycpOwoJCQkJdGFic2l6ZSA9IDE7CgkJCQl0YWJjaGFyID0gJ1x0JzsKCQkJCWlmKGpzX3NvdXJjZSAmJiBqc19zb3VyY2UuY2hhckF0KDApID09PSAnPCcpIHsKCQkJCQllLnNldFZhbHVlKHN0eWxlX2h0bWwoanNfc291cmNlLCB0YWJzaXplLCB0YWJjaGFyLCA4MCkpOwoJCQkJfSBlbHNlIHsKCQkJCQllLnNldFZhbHVlKGpzX2JlYXV0aWZ5KGpzX3NvdXJjZSwgdGFic2l6ZSwgdGFiY2hhcikpOwoJCQkJfTsKCQkJCXJldHVybiBmYWxzZTsKCQkJfTsKCQkJZG9jdW1lbnQub25rZXlkb3duID0gZnVuY3Rpb24oZSkgewoJCQkJaWYoZS5jdHJsS2V5ID09IHRydWUgJiYgZS5rZXlDb2RlID09IDgzKSB7CgkJCQkJU2F2ZVRleHRBcmVhKCk7CgkJCQkJcmV0dXJuIGZhbHNlOwoJCQkJfTsKCQkJCWlmKGUuYWx0S2V5ID09IHRydWUgJiYgZS5rZXlDb2RlID09IDcwKSB7CgkJCQkJZG9fanNfYmVhdXRpZnkoKTsKCQkJCQlyZXR1cm4gZmFsc2U7CgkJCQl9OwoJCQkJaWYoZS5jdHJsS2V5ID09IHRydWUgJiYgZS5rZXlDb2RlID09IDgyKSB7CgkJCQkJcnVuRXgoKTsKCQkJCQlyZXR1cm4gZmFsc2U7CgkJCQl9OwoJCQkJaWYoZS5hbHRLZXkgPT0gdHJ1ZSAmJiBlLmtleUNvZGUgPT0gODIpIHsKCQkJCQlydW5FeCgpOwoJCQkJCXJldHVybiBmYWxzZTsKCQkJCX07CgkJCX07CgoJCQlmdW5jdGlvbiBydW5FeCgpIHsgCgkJCQl3aW5kb3cub3BlbigiZGF0YTp0ZXh0L2h0bWw7Y2hhcnNldD11dGYtOCwiK2UuZ2V0VmFsdWUoKSk7CgkJCX07CgkJCQoJCTwvc2NyaXB0PgoJCTxzY3JpcHQgc3JjPSdodHRwOi8vdG9vbC5jaGluYXouY29tL3RlbXBsYXRlL2RlZmF1bHQvanMvanNmb3JtYXQuanMnPjwvc2NyaXB0PgoJCTxzY3JpcHQgc3JjPSdodHRwOi8vdG9vbC5jaGluYXouY29tL3RlbXBsYXRlL2RlZmF1bHQvanMvaHRtbGZvcm1hdC5qcyc+PC9zY3JpcHQ+Cgk8L2JvZHk+Cgo8L2h0bWw+)
