在线代码编辑器

03-01-2016

由jsbin引发的思考。该小工具可以在线编辑html/css/js代码，在线显示结果。

代码编辑器地址

形似jsbin的小工具

说明

在向别人请教代码问题的时候，常常会遇到语言描述还不如直接给出代码比较直接。这里我就比较喜欢用jsbin这个小工具，因为实在是页面简洁而且显示直观。

用多了jsbin后，我觉得这个代码编辑器的功能其实自己也可以蛮简单地实现一下，并不需要很复杂的模块。

然后就动手尝试了一下，html/csss/js的分隔切换感觉直接用toggle()就可以搞定。

唯一比较大的问题就是实现在线js代码运行时，我简单采用了eval()函数，这个函数可计算某个字符串，并执行其中的 js代码，但存在的问题就是安全风险很大。因为这边只是一个小模拟，所以从简洁考虑才使用了这个函数。