16.如何复制网页中的文字并保留格式和链接

2022-08-25 本文已影响0人人生玩家Eli

笔记白底.png

有朋友前几天问了我一个问题，就是他在网络上看到一篇文章，想复制到自己的笔记本里。

但复制下来要么没有链接，要么文字挤到一块，排版乱了。

然后我就简单研究了一下，找到两种办法，分享一下！

原理就是把复制的文字转换成了Markdown文本或者是Html文本

经测试下面的方法对于简书上的文章是比较有效的，其它网站的话就不确定了

先介绍最原始的一种方法(也可以直接看方法二)

方法一：复制文本源代码

用火狐会更方便些，所以我用火狐来演示下

copydom.gif

这样复制下来的文件是html文本，其实和markdown差不多了，都是在文字上面做些标记，只是比markdown更复杂。

如果粘贴到vs code里是可以正常解析的，但是复制到简书里不能解析。

(typora也支持解析html, 但相对来说没有vscode支持的好)

vscode解析html.png

↑↑↑这是vs code解析效果

缺点，复制出来的文本是html格式的，而非markdown。
优点，该方法更原始更通用一些，有些用插件(下面会介绍)不能复制的文本用该方法也可以复制。

我在想，既然有这要的需求，那很可能有相关的插件吧，于是我就去搜了一下。

我搜索"dom copy"，果然找到了想要的插件。

copycat.png

copycat2.png

↑↑↑选中文字后右键，然后就可以使用"拷贝猫"把文字复制成Markdown格式了

markdownload.png

markdownload2.png

↑↑↑也是选中文字后右键，就可以看到插件相关选项了

如果有不明白的地方可以私信我