不做 PPT 工程师,文档一键 PPT 展示

262 阅读2分钟

Why?

对于程序员而言,除了编码,我们还有形形色色的软素质需要提升,其中分享能力是其中尤为重要的一点,一个好的分享需要分享者的努力。

包括:分享者调动气氛的能力,内容的质量、甚至还包括分享的形式和工具。一个好的分享形式和工具能为自己的分享增色不少。

How?

分享者调动气氛的能力,内容的质量需要分享者本身多学习,多总结;而外界的分享形式是可以短时间内得到提升的。

想象一个场景:小牛同学在项目中做了一些很好的优秀实践,并且沉淀出很好的文档内容,但仅仅只是这样?扩散面和影响力还是不够的。

小牛开始在小组中或大团队中进行分享,但是如果为了分享,而去单独写 PPT,那就本末倒置了。因为 PPT 的内容基本都已经在文档中。

所以,一键转换文档为 PPT 的脚本应运而生

What?

脚本依赖 Chrome 暴力猴插件(一个可以自定义注入脚本的插件,如百度云盘破解下载等脚本) 脚本地址:知乎 PPT

很简单的安装之后,进入知乎专栏文档页面,右上角就会出现 PPT 按钮!

同学们可以根据自己的爱好书写的文档平台,注入自己的脚本
可以参考 知乎 PPT 脚本和 GitHub 说明配置

在线Demo

GitHub: github.com/imcuttle/sl…

快捷键列表:

  • ESC / O : 打开整体预览模式
  • Cmd + ESC / Ctrl + ESC: 退出 PPT 模式
  • 方向键:PPT 翻页

原理

解析 DOM 树,生成树结构如下:

<h1>标题</h1>
<p>内容</p>
<h2>标题2</h2>
<p>内容2</p>

会解析成

{
  type: 'lvl',
  level: 1,
  value: '标题',
  children: [
    {
      type: 'text',
      value: '内容'
    },
    {
      type: 'lvl',
      level: 2,
      value: '标题2',
      children: [
        {
          type: 'text',
          value: '内容2'
        }
      ]
    }
  ]
}