html保留代码格式复制到word中

所需工具:Typora、pandoc

1.html用vscode打开,复制代码文本。
2.打开Typora,在文本编辑区域点右键->插入->代码块,接着会生成一个代码块。
3.在代码块右下角选择语言为html,接着将vscode复制过来的代码粘贴进代码块,像这样:
html保留代码格式复制到word中_第1张图片
4.点击左上角文件->导出->Word,这样导出的word里就会有保留源格式的代码了。
html保留代码格式复制到word中_第2张图片
注意,这里点导出到word可能会提示你缺少pandoc,这时你就需要下载一个pandoc并且配置一下系统变量。具体步骤为:(如果没有遇到该问题,请点跳过)

(1)下载pandoc压缩文件并解压。(不推荐官网下载,本人测试官网下载很慢,我是随便找的一个下载站下的)
(2)下载完之后进行环境配置。
(3)桌面右键此电脑,选择属性->高级系统设置->高级->环境变量,找到系统变量的Path,双击弹出这样一个对话框。(如果你不是弹出这样的对话框而是一个两行的框,差不多操作,只是将路径添加进值中就行,注意用英文的分号“;”隔开)
html保留代码格式复制到word中_第3张图片
(4)新建一个路径输入你解压的pandoc文件夹的路径。(如图中最后一个)
(5)配置好之后在cmd中测试,输入pandoc --help出现以下信息表明环境变量已经配置好了,之后再打开Typora就能成功导出word文件了。(配置好环境变量之后如果仍不能导word文件可能需要重启电脑,甚至重新安装Typera,这里不太清楚,实在不行就试试重新安装吧)
html保留代码格式复制到word中_第4张图片

html保留代码格式复制到word中_第5张图片


效果:
html保留代码格式复制到word中_第6张图片
如果觉得间隙太大了,可以把文本中所有的手动换行符删掉,方法是:
1.按Ctrl+H,弹出替换的对话框,查找内容选择特殊格式->手动换行符,“替换为”不填,之后点击全部替换。
html保留代码格式复制到word中_第7张图片

最终效果:
html保留代码格式复制到word中_第8张图片

你可能感兴趣的:(html保留代码格式复制到word中)