简介


Hobby的在线编辑器用于Html,javascript,css等前端代码编程。Hobby提供了快速的代码编辑特性和工程文件管理的功能,是个在线的前端生产工具。

Hobby是完全基于浏览器的。不需要安装。不仅仅是电脑上,在ipad上,甚至在iphone上也可以使用。

一,代码编辑相关的主要特性


缩写编程,极速!

用zencoding风格缩写,生成代码段。

Hobby在线编辑器简介_Hobby    


代码自动缩进

编写代码,或者粘贴代码时,会自动缩进
Hobby在线编辑器简介_Hobby_02

代码段收起、打开

Hobby在线编辑器简介_Hobby_03

代码提示以及标签自动闭合

Hobby在线编辑器简介_编辑器 开发利器_04

代码内预览

CSS颜色以及图像都可以在Html代码中预览(鼠标悬停)
Hobby在线编辑器简介_Hobby_05

外部引用的快速编辑

当引用了其他文件的CSS的Class,或者Javascript的函数时,可以直接在当前编辑窗口中对其进行快速编辑。
Hobby在线编辑器简介_Hobby_06

外部引用文件的路径提示

引用时提示路径,回车键快速选定
Hobby在线编辑器简介_Hobby_07

CSS颜色编辑

代码内直接快速打开编辑
Hobby在线编辑器简介_Hobby_08

图像主要调色板显示

显示图像文件时,会将图像的主要颜色的颜色码提示出来。
Hobby在线编辑器简介_编辑器 开发利器_09

Javascript函数提示

针对自定义的javascript函数也具有代码提示功能,还会提示该函数内的参数。
Hobby在线编辑器简介_编辑器 开发利器_10

编辑器设定

字体大小,自动换行,主题,以及是否停用预览javascript
Hobby在线编辑器简介_编辑器 开发利器_11

实时预览

代码的变化会自动刷新预览结果
Hobby在线编辑器简介_编辑器 开发利器_12

PC预览模式,手机预览模式

Hobby在线编辑器简介_Hobby_13

二,工程管理的主要特性


Hobby具有一般在线编辑器所不具备的工程文件的存储与管理功能。Hobby的工程文件被存储在云端。

访问权限

只有注册用户才可以编辑存储在云端的文件。访问需要用户名(注册时的Email)以及密码。

单个文件的上传

从本地拖拽文件到Hobby的窗口既可以上传。
Hobby在线编辑器简介_编辑器 开发利器_14

针对Ctrl+S强迫症患者

Hobby在线编辑器会自动进行文件的远程上传。所以不需要手动保存文件。

映射网络磁盘

Hobby的云盘可以映射为网络磁盘。你就可以像使用本地的一个磁盘一样可以对其进行操作。云盘的使用方法请看这里

三,TODO


近期在提升快速编码特性方面将
     支持预览界面的Dom选择与代码高亮关联
     文档快速导航

近期在工程文件管理方面将
     支持多人在线工作,文件锁定,基础的版本管理
     支持连接Git服务

四,测试用账号


测试网址:http://taoxue8.net
     测试用账号/密码:test@imicloud.net/123456
     反馈:maxiaoming@imicloud.net