Doc-To-Help 2013 v2 增加了响应式设计和内容控件

  • Anand Narayanaswamy
  • 王佳

2014 年 3 月 26 日

话题:HTML5语言 & 开发

Component One 发布了Doc-To-Help 2013 v2,它带有一个响应式的用户界面机制,其开发代号为 NetHelp。NetHelp 用户界面可以根据用户使用的设备来自动调节用户界面的外观。这一项特性意味着,只要发布一个版本到网页上,用户就会在笔记本电脑,平板电脑,智能手机和其他类似的便携式设备上看到不同的界面。

Doc-To-Help 2013 v2包括内容控件,例如 Note、Lightbox、Gallery、Carousel、Topic Contents、Tabs 和 Code Highlighter。它们是编辑和互动内容的控件板块,你可以把它们添加到 HTML5 内容编辑的源文件里。

Lightbox控件显示一些缩略图,当用户点击一个缩略图模型,弹出的模态对话框会显示它原尺寸的图像。另一方面,Carousel控件显示一组自带链接的幻灯片图像;Gallery 控件展示一系列缩略图图像,用户不用在浏览上花太多时间,就能选择他们想打开的图像。

在链接目录的帮助下,用户使用新推出的 Topic Contents 控件,就可以轻松地浏览长话题。而Tabs控件则允许用户以标签式风格的界面来组织信息。在帮助文件中,用户用 code highlighter 控件添加代码片段。新版本的特性还包括用户可以用 Copy Code 按钮把片段复制到剪贴板。

查看英文原文:Doc-To-Help 2013 v2 Adds Responsive Design and Content Widgets


感谢邵思华对本文的审校。

给 InfoQ 中文站投稿或者参与内容翻译工作,请邮件至editors@cn.infoq.com。也欢迎大家通过新浪微博(@InfoQ)或者腾讯微博(@InfoQ)关注我们,并与我们的编辑和其他读者朋友交流。

HTML5语言 & 开发