@scomper

Drafts 4 的简单和效率

2017.10.15

移动终端上的输入和输出和电脑有不小的差别,主要是因为小键盘的局促性以及 App 之间的切换不那么直观,iOS 11 里多任务的又一次进化缩小了这种差距,iPad 上多任务的交互体验让人艳羡不以,我们的使用习惯和观念也在悄然的发生变化。

随着 iOS 11 的发布,积极的 App 厂商纷纷跟进新的多任务特性,很多应用之间都开始支持文本、图片跨应用的数据交互,简单的拖拽就能添加内容。iOS 和应用的共同努力终于让移动终端的生产力不再那么勉强,带个 iPad 和 iPhone 真的就能轻松开展工作,文档写作、绘图绘画、视频编辑……。

面对文档写作,我们今天要讨论的主角 Drafts4 绝对是必装的应用。这款双平台的 App 会让你产生一种用它记录一切的冲动,感觉像是一个 All in one 的文本编辑器,支持 iOS 11 的新特性、MarkDown、iCloud 同步、可扩展的键盘辅助栏、一键输出,即便是在 iPhone 上也让人多了很多码字的从容。如果用一句话来概括 Drafts,可以是:

简单的输入和可扩展的各种输出

各种输出是指可以从 Drafts 发送到系统层面的剪贴板、邮件、日历、提醒事项,以及广泛第三方 App,如:Twitter、Dropbox、Evernote、Goolge Drive、Path等等,而且这种输出还能格式化,可以定义输出时的标题、正文、日期、选择的内容等等,结合 Script 还能炫技,通过关键词和动作触发网络查询(Google、淘宝、Wiki、地图……),添加待办到 OmniFocus、Things ,也能用来直接快速发 tweet 。

功能强大对新人来说多少有点让人眼花缭乱,而且很多 Drafts 的介绍也偏向于演绎它各种自定义的灵巧之美,忽略了它文本编辑器的本色,我们不妨渐进的来了解一下 Drafts,以 iPhone 上的界面为主,由基础使用慢慢推进到功能的自定义。

Drafts 的界面布局和工作流

Drafts 的主界面就是一个空白的文本待编辑区域,键盘上方有一行特色鲜明的辅助工具栏 ④ 。左右边缘部分向中间滑动分别是文档列表 ① 和输出动作列表,文档和输出里为了明晰管理有默认的分类,这个分类自己也可以添加,在分类上滑动到右侧点击 ✏️ 图标 ⑦ 即可。

文档列表的每个条目上左右滑动,分别是 ⑥ 归档(Archive)、标记(Flag)和废纸篓(Trash),动作列表上也一样可以左右滑动条目 ⑧ 来显示更多操作,编辑、复制、分组(Action Groups)和删除。

编辑区的顶部右侧是打开文档列表 ①、新建文档 ②、以及文档信息页 ③,文档信息页中不仅有地理位置的记录,还有版本管理(VERSIONS)的记录,会记录每次的修改痕迹以便恢复或复制到剪贴板。键盘辅助工具栏上有一些提高输入效率的输入项 ④,例如 MarkDown 的语法标记,语音输入等,收缩键盘 ⑤ 就是全屏的预览模式。


全屏模式下我们可以调整主题配色和字体 ⑪,高亮 URL 链接 ⑨,进入 Drafts 的设置界面 Ⓐ。段落管理 ⑩ 是非常实用和贴心的一个功能,不用在编辑界面里困难的选中一段,然后剪切、移动光标粘贴,直接点击底栏的段落管理,在段落管理的列表页中按住拖拽即可。

快速输入和内容采集

Drafts 的默认文件分类为四个文件夹:Inbox、Archive、Flagged 和 Trash。一看到 Inbox 就让人联想到事务管理里的收件箱,其实 Drafts 也是如此定位的,你可以通过系统的「共享」由其他应用采集内容到 Drafts,然后再进行编辑。


Drafts 的语音输入使用了和 iOS 相同的识别引擎,支持多种语言,首次使用需要选择一次,不论是在通知中心或者 Watch 上都非常值得体验一下。Safari、备忘录、邮件等支持系统「共享」的应用里采集内容只需要选择内容然后「共享到」 Drafts,点击选中文本内容的编辑工具条「共享到...」或者应用顶栏、底栏的共享图标都可以。

网页内容的格式化

Safari 内容采集时,Drafts 并不只是单纯复制选中的文本,还会自动捕捉 URL 和网页标题,这一点对于才网页搜集素材非常有意义,能同时记录内容的来源出处。

实现网页采集内容格式化是由 Drafts 设置「Capture Template」的内容模板决定的,我们也可以根据自己的需求对其进行修改。图示 4 最右边的一幅图,就是选中一段网页内容后共享到 Drafts 所呈现的页面,内容和捕获模板中的设定是一一对应的标题(title)、链接(URL)、选择文本(selection )。

Drafts 响应「共享到」操作后弹出的界面里,我们有三种模式可选择,将这段文本插入到先前的文稿(Prepend 或 Append),或者作为新捕获(Capture)的文稿。

定义你的键盘工具栏

Drafts 通过键盘辅助工具栏来提高 iOS 上的输入体验,点击工具栏上的图标就能快速的输入各种符号、语句、短语等等,默认工具栏上是一组 MarkDown 的语法标记符号。

滑动工具栏到右侧,点击笔的图标 ① 来定义和修改工具栏项目,Edit Keys 列表中的每个条目点击右侧的箭头可以查看和编辑它,或者按住拖动来调整位置。右上角的 + 号 ② 新增,可以看到 Drafts 支持的 Key 类型包括:命令(Command)、标签(Label)、文本(Text)、脚本(Script)、运行动作(Action),如果感觉自己编写这些还有困难,可以访问网站下载(Visit the Directory)其他用户 ③ 分享的 Key。

  • Command,命令比较好理解,默认的工具栏上已经包含很多常用命令,例如 撤销、重做、移动光标位置、改变主题颜色、新建文稿等等;
  • Label,在工具栏上起到区隔作用,例如工具栏上的 md 就是一个 Label;
  • Text,点击插入一段你预设的文本内容;
  • Script,脚本主要用来实现内容上的自动化,例如,MarkDown 的语法标记的插入每个都是由一段 Script 语句来判断的,这个部分也是 Drafts 体现其强大的重要部分;
  • Run Action ,执行动作,主界面右边缘向左滑动作就能看到动作列表界面,可以把列表中的动作添加到键盘工具栏,省去左滑的动作。动作是定义好的按步骤(Steps)执行的多个命令,这些命令既有内置的系统里的分享、日历、邮件等操作,也包括一些服务的支持,如 Dropbox、Evernote,同样 Action 中一样能使用 Script 脚本。

有了各种命令、服务的接口和可自定义的 Script,于是你可以定制出自己的各种工作流,使用过 Workflow 的用户估计一点都不陌生,很多人也是因为这个而对 Drafts 推崇备至。

看到一堆代码很多人可能会却步,其实 Drafts 已经考虑到了这些,访问网站下载(Visit the Directory)其他用户 ③ 分享的 Key。

添加 Action

我们先来通过 Drafts 的网站添加一个简单的,例如图示 5 工具栏上的「日期」,这个 Key 可以实现点击一下自动插入当前的时间戳,甚至可以基于你当前在编辑器中选择的数字,自动把数字作为天数加上去从而插入多少天以后的日期。


向左滑弹出动作面板,点击右上角的 + 号 ① 添加动作,由底栏弹出的选项卡上选择访问网站下载 ②( Visit the Directory )。在 Drafts Action Directory 网页里直接搜索 ③「日期」,或者浏览找到其他你想要的功能,打开具体的 Action,点击「Install」④ 就会添加到你的键盘辅助栏或者动作列表页之中。

好了,回到编辑器界面看看键盘辅助工具栏最右侧是不是多了一个「日期」,如果不想要了按照图示 5 的方式编辑键盘扩展栏,每个条目上向左滑就能看到删除。

更炫酷的 Script

编辑器中输入 tb 关键词 激活相应的动作(Action) ,自动跳转到淘宝 App 并已经展开了搜索,输入 zhihu 关键词直接打开知乎搜索。诸如此类的快速操作都可以依靠 Action 完成。为了操作方便还可以将动作添加到键盘工具栏上。

Drafts Action Directory 网站或者坊间下载的动作都可以根据自己的需要编辑修改。以图示为例我们来看一个完整的修改定义的方式:

  • 动作列表中找到要修改的 Action,向右滑点击 ✏️ 图标 ① 进入 Action 编辑模式;
  • ② 展开 STEPS 所包含的具体步骤;
  • URL 的部分 ④ 通常不用修改;
  • Script 的部分编辑 Script 脚本内容,将新的 Script 复制粘贴到这里保存即可生效。

将 Action 添加到键盘辅助栏的方式和添加一个 Command 一样,滑动「键盘辅助栏」到最右侧,点击铅笔图标 ① ,选择添加 Run Action ②,点击 Action Name 右侧的 + 号 ③ 从当前的动作列表里找到需要添加的动作, Label 里定义的内容会显示在键盘辅助栏上 ④,为了减少占位和突出可以用 Emoji 符号来代替,例如,我给 Yet Another Alfred 这个 Action 命名的是个 🥚。在编辑器中输入完 map 慕田峪长城 点击键盘辅助栏上的 🥚 动作就触发了。

面对一堆代码不用犯怵,毕竟我们是站在一群大神的肩膀上迈出一小步,添加和修改并没有整个代码那么复杂和不能理解。例如,tb 这句是调用安装的淘宝 App 来搜索,tb 是关键字,后面的语句是调用应用并传递关键词,如果没用安装淘宝 App 可以改成直接在浏览器搜索,比如:taobao://s.taobao.com/?q= 改成https://s.taobao.com/search?q=

    ["gg", "https://www.google.com.hk/search?q="],
    ["map", "http://maps.apple.com/?q="],
    ["app", "itms-apps://search.itunes.apple.com/WebObjects/MZSearch.woa/wa/search?edia=software&term="],
    ["url", "http://"],
    ["tel", "tel://"],
    ["sms", "sms://"],
    ["bing", "http://cn.bing.com/search?q="],
    ["gm", "comgooglemaps://?q="],
    ["tb", "taobao://s.taobao.com/?q="],
    ["jd", "https://so.m.jd.com/ware/search.action?keyword="],
    ["tweet", "tweetbot:///post?text="],
    ["twitter", "twitter://post?message="],
    ["ip", "http://ip.cn/?ip="],

不同的 Action 会在介绍里写上使用方法,你也可以直接查看 Script 的脚本内容,有些 Action 可能还需要前置符号来作为判断条件,不过激活方式大致分为以下几种,以 Universal Action 为例:

  1. 关键字 + 空格 + 内容
  2. 内容 + 空格 + 关键字
  3. 关键字 + 换行 + 大段内容
  4. 大段内容 + 换行 + 关键字
  5. 仅输入关键字,执行关键字对应动作 + 剪贴板内容
  6. 有选中文本,执行关键字对应动作 + 选中文本内容
  7. 只有文本,无关键字,执行 Google 搜索 + 文本
  8. 空白内容,执行 Google 搜索 + 剪贴板内容
  9. Keyword 为 tel, sms, ip 的时候,自动匹配手机号、座机、IP 地址

上面演示的 Yet Another Alfred 已经上传到 Drafts Action Directory 网站,更名为 Universal Action(点击获取) ,Universal Action 中的 ip 搜索需要安装一个依存关系的 URL(点击获取),完整代码可以访问 @imsoffGitHub

顺便再推荐一个 Drafts Action Directory 网站能搜索到的 Power+(点击获取),完整的说明和代码可以访问作者 @JamesHopbourn 的 GitHub

新添加的动作可能没有分类,可以在动作列表页 All 标签栏底部找到。


走过上面的几步,相信你已经对 Drafts 有了更全面的认识了,它是否强大取决与你的参与,相信一旦用起来你也会喜欢上这个简单又不简单的编辑器。

--「壹页单章」会员计划 --

Comments
Write a Comment