前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >【奇门巧技】如何把掘金草稿箱的内容下载成PDF文件

【奇门巧技】如何把掘金草稿箱的内容下载成PDF文件

作者头像
一尾流莺
发布2024-08-02 08:33:47
890
发布2024-08-02 08:33:47
举报
文章被收录于专栏:一尾流莺学前端

起因

因为掘金相对于其它的社区,以及一些本地的文本编辑器来说,内置了很多好看的写作主题,所以我经常会利用掘金的草稿箱写一些东西,尽管这些东西跟技术无关,并且永远我也不打算发布他们

因为要组织北京地区的掘友见面会,所以我一如既往的用掘金的草稿箱写了个活动策划,起初是以截图的形式分享给别人,但随着内容越来越多,截图也变的麻烦了起来,这个时候我就想要是把网页转化成 PDF 文件发送给别人就好了

第一步

首先我们只需要转化预览区的内容,编辑区是不需要的,所以首先要开启这个 仅预览区 的选项

然后就变成了这样

第二步

打开控制台,找到 class=“markdown-body” DOM 节点

可以看到就是编辑区正文的部分

第三步

把这个 DOM 节点剪切到 body 下 ,并删除原来的根节点

现在就变成纯粹的页面了,没有了头部的编辑区,也没有下面显示字符数什么的

第四步

因为掘金的默认背景颜色不是白色,所以打印出来很丑,可以先看一下,右键选择打印,或者 ctrl + p 快捷键唤起打印窗口

最后一步就很简单了,把 body 元素的背景颜色改为白色即可

最后看一下效果

ok,很完美,到这里我们就可以利用掘金的草稿箱写一些我们自己的东西,然后转化成 PDF 为自己所用了,

对了,打印窗口的左上角要选择另存为 PDF

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2024-08-02,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 起因
  • 第一步
  • 第二步
  • 第三步
  • 第四步
  • 最后看一下效果
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档