首页 > 其他 > 详细

Hobby在线编辑器简介

时间:2016-01-11 22:20:18      阅读:209      评论:0      收藏:0      [点我收藏+]

简介


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

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

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


缩写编程,极速!

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

技术分享    


代码自动缩进

编写代码,或者粘贴代码时,会自动缩进
技术分享

代码段收起、打开

技术分享

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

技术分享

代码内预览

CSS颜色以及图像都可以在Html代码中预览(鼠标悬停)
技术分享

外部引用的快速编辑

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

外部引用文件的路径提示

引用时提示路径,回车键快速选定
技术分享

CSS颜色编辑

代码内直接快速打开编辑
技术分享

图像主要调色板显示

显示图像文件时,会将图像的主要颜色的颜色码提示出来。
技术分享

Javascript函数提示

针对自定义的javascript函数也具有代码提示功能,还会提示该函数内的参数。
技术分享

编辑器设定

字体大小,自动换行,主题,以及是否停用预览javascript
技术分享

实时预览

代码的变化会自动刷新预览结果
技术分享

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

技术分享

二,工程管理的主要特性


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

访问权限

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

单个文件的上传

从本地拖拽文件到Hobby的窗口既可以上传。
技术分享

针对Ctrl+S强迫症患者

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

映射网络磁盘

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

三,TODO


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

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

四,测试用账号


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

Hobby在线编辑器简介

原文:http://11104314.blog.51cto.com/11094314/1733922

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!