Hobby在线编辑器简介

简介

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

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

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

缩写编程,极速!

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

1.gif    


代码自动缩进

编写代码,或者粘贴代码时,会自动缩进
5.gif

代码段收起、打开

1.gif

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

8.gif

代码内预览

CSS颜色以及图像都可以在Html代码中预览(鼠标悬停)
6.gif

外部引用的快速编辑

当引用了其他文件的CSS的Class,或者Javascript的函数时,可以直接在当前编辑窗口中对其进行快速编辑。
2.gif

外部引用文件的路径提示

引用时提示路径,回车键快速选定
4.gif

CSS颜色编辑

代码内直接快速打开编辑
3.gif

图像主要调色板显示

显示图像文件时,会将图像的主要颜色的颜色码提示出来。
10.png

Javascript函数提示

针对自定义的javascript函数也具有代码提示功能,还会提示该函数内的参数。
7.gif

编辑器设定

字体大小,自动换行,主题,以及是否停用预览javascript
11.gif

实时预览

代码的变化会自动刷新预览结果
13.gif

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

14.gif

二,工程管理的主要特性

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

访问权限

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

单个文件的上传

从本地拖拽文件到Hobby的窗口既可以上传。
12.gif

针对Ctrl+S强迫症患者

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

映射网络磁盘

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

三,TODO

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

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

四,测试用账号

测试网址:http://taoxue8.net
     测试用账号/密码:[email protected]/123456
     反馈:[email protected]

你可能感兴趣的:(编辑器,开发利器,Hobby)