代码在线编辑器发布 – 支持在线编辑/保存HTML代码

文章目录

工具网址：
功能用途：
使用方法：


之前在国外的一个网站发现了一个在线的HTML、JavaScript代码的调试器，可以在线编写HTML、JavaScript代码，该工具还提供了大量的Javascrīpt框架，包括ProtoType、JQuery、YUI等，点选即可添加到你的代码中，最值得称道的是在线编写的代码可以保存到一个短网址，通过该网址可以查看代码运行情况。

看着这个不错的东西，我手也痒痒，想着咱也来写个这样的程序，看看能不能写得出来，随便练习一下PHP和JavaScript的代码编写能力。于是花了3天的时间写了这么个简易的在线代码编辑器，虽然是仿制别人的功能，但是实现起来也不容易，3天中的一天就完全浪费在研究静态短网址的rewrite规则上，做了很多次失败的实验，最终成功把我的顶级域名 ludou.org 解析到了服务器的一个子目录，由此我得出一条结论：功夫不负有心人！废话少说，下面来介绍一下我写的这个工具：

工具网址：

http://codecan.duapp.com

功能用途：
可在线编辑调试网页前端代码，支持HTML、CSS、JavaScript、XML等；
代码编辑过程中，提供代码高亮，自动缩进和括号匹配的功能；
代码编辑完成后，可以在线运行和保存代码

简单的功能介绍就这些，如果你也写博客，如果你也像我一样经常展示一些HTML代码，那么该工具对你来说是很有帮助的。举例来说，CSS边角折叠实战这篇文章里面就贴了一段HTML代码，如果让读者自己新建一个html文件，然后复制粘贴保存这段代码来查看效果，相信很多读者都不愿意，而如果通过一个短网址 http://codecan.duapp.com/code/5748yv 就可以查看代码的运行结果，相信会方便很多。

使用方法：
在代码输入框内输入、编辑代码；
通过点击页面左下角的"运行代码"和"保存代码"，可实现相应的功能；
代码保存成功后你可得到一个短网址，如：http://codecan.duapp.com/code/5748yv，通过该网址可预览HTML代码运行结果；
如果你想修改已保存的代码，请在本站提供的代码短网址后面添加 /edit 即可，如：http://codecan.duapp.com/code/5748yv/edit
本程序不支持频繁的保存代码，也不支持保存过长或过短的代码；