NotePad++输出高亮HTML格式代码

作为一个经常喜欢在网站瞎显摆代码的人(好像也没显摆多少。),我时不时会到一些高亮代码生成网站去生成高亮代码以取得更好的阅读体验。但是记性差到连Chrome书签保存在哪里都不知道的我,经常会忘记这些高亮代码生成的网站书签放哪里了,所以我一直希望有一款软件可以帮助我做这个事情。而最近发现为了写程序好看摸爬滚打了好几年的软件NotePad++早就有了这个功能。

废话不多说直接上图:

 首先写好你的代码,并选择相应的代码格式。

 之后选择插件→NppExport→Export to HTML,会生成一个html文件并保存。

输出完成后,找到那个HTML文件,然后用NotePad++或者记事本右键打开查看代码。

最后只要把HTML代码复制下来用HTML编辑模式编辑Wordpress的文章就行了~~

最后送上现学现卖Demo一个

program hello; begin write('Hello World!');{我觉得全地球的程序员写第一个程序一般只会说这句话} readln; end.

Update:有下面几点注意:

1、要把Npp输出的html文件css中的<span>标签删除掉

2、要把html文件的<html><head><META http-equiv=Content-Type content=”text/html; charset=windows-1252″><title>Exported from Notepad++</title></head><body></body></html>统统删掉啊!不然你的网页就变成魂淡了!

3、注意编辑完HTML之后就不要再切换到Wordpress可视化标签编辑了,因为WP会自动把文章中的css代码删掉

发表评论?

12 条评论。

  1. 魂酒以前我找了一个下午的代码高亮,也找到过这个,但是最后还是用了代码发芽网。。。

  2. 另外第三张图片没有lightbox效果

  3. 2011/8/25无锡——雨中送别好友 | Dick Wu's Blog - pingback on 2011 年 08 月 25 日 在 16:28
  4. 我用的WP-Syntax很舒服
    写笔记需要高亮就用Delphi的一个叫做CnPack的专家包中的代码导出功能。

  5. 回眸高一幸福暑假 | Dick Wu's Blog - pingback on 2011 年 09 月 04 日 在 13:27
  6. 今天试用了Notepad++,果然给力,以后写笔记不需要Delphi来中转了,直接用这个导出,So Easy.

  7. Notepad++ OIer手中的神器 | Indeed Blog - pingback on 2011 年 10 月 30 日 在 13:20
  8. Notepad++ 霸气的代码编辑器 | Indeed Blog - pingback on 2012 年 01 月 22 日 在 18:49

发表评论


注意 - 你可以用以下 HTML tags and attributes:
<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>

Trackbacks and Pingbacks: