[WP Code Highlight.js] Project

Project Information

Project Name:

WP Code Highlight.js1

Github Home:


Plugin Home:



This is a plugin of Wordpress using Highlight.js2 to make codes on posts, articles or any web pages more beautiful and easier to read.

This plugin allow you to load Highlight.js from local web server or some of public CDN we collected.

To make you easier to migrate from SyntaxHilighter and Google Prettify to Highlight.js, this plugin will provide some compatible mode so that you need not to change any code on your old web pages. They will be converted automaticly.

At the same time, WP Code Highlight.js also allow you to set options of Highlight.js in the setting page of your wordpress. And we also provide some other useful options.For example, you can use only common language package


Install from wordpress 1. Open plugin installing page 2. Search WP Code Highlight.js 3. Install it

Install custom 1. Download release package 2. Unzip and rename folder name into wp-code-highlight.js 3. Move this folder into [your wordpress path]/wp-content/plugins/ folder

Have fun.


Why Highlight.js ?

Recently, I determine to turn to use Markdown to write blog. But here is a problem, I use SyntaxHighlighter before and I’m failed to find a tool to support SyntaxHighlighter and markdown very well. But with Highlight.js it’s very easy.

There is a web markdown editor named [StackEdit]3 you can use to write markdown and publish to Github, Wordpress, Blog and etc. or export it to html. It allow you to write code like what you do in github but it’s more powerful. Especially , it has Highlight.js and Prettify plugin to highlight codes. Or you can disable code highlight and it will use <pre><code> to wrap codes. This also can be used by Highlight.js.

If you would like to just use vim, emacs or other text editor. There is also a tool named [Pandoc]4 that you can use to convert markdown to many formats. with option –no-highlight, it will also use <pre><code> to wrap codes.

Start to write a plugin

There is already a plugin named wp-highlight.js which can be used in Wordpress. But it load the full version of Highlight.js. It cost too much data traffic(about 180+KB). It will slow down loading time and I really don’t need so many languages(especially some of them I have never heard of). I don’t want to pay for it. So I need a plugin to load just the languages I need, or download Highlight.js from public CDN.

At the same time, I wrote many blogs before and using SyntaxHighlighter for years, I do not want to fix my codes that already puhlished. So I need a plugin to convert those code automaticly.

Then this plugin starts. It allow user only load common package of Highlight.js (only 31KB) or extended package(about 54KB). It also can analysis doms on web page, find codes in SyntaxHighlighter format or Prettify format, and then turn them into Highlight.js format, and finally , highlight them.

Thanks to

This plugin fork from wp-highlight.js and rewrote all the codes. So we must thanks to wp-highlight.js’s author Igor Kalnitsky.

Also thanks to Highlight.js’s author Ivan Sagalaev

And thanks to all contributors and users. You make this plugin better.


Any questions please mailto [email protected] or [email protected]

Report Problems: https://github.com/owt5008137/WP-Code-Highlight.js/issues

  1. WP Code Highlight.js is a syntax highlight plugin for Wordpress, which using highlight.js to highlight codes. [return]
  2. Highlight.js is a syntax highlighter written in JavaScript. It works in the browser as well as on the server. It works with pretty much any markup, doesn’t depend on any framework and has automatic language detection. [return]
  3. StackEdit is a full-featured, open-source Markdown editor based on PageDown, the Markdown library used by Stack Overflow and the other Stack Exchange sites. [return]
  4. Pandoc is a tool to convert files from one markup format into another, it support more than ten format as input and even more format as output. [return]




0 条评论
登录 后参与评论



Spring BOOT ( 基于Kotlin 编程语言) 使用 Spring WebFlux 实现响应式编程The Spring WebFlux Framework

Spring BOOT ( 基于Kotlin 编程语言) 使用 Spring WebFlux 实现响应式编程




Error code of Media server (MediaPlayer内核异常码说明)



注: 环境: skylin-linux Flume的下载方式:   wget http://www.apache.org/dyn/closer.lua/flu...


Some Linux Hacking Tricks


source路径等问题 idea中配置使用mybatis出现问题BuilderException (XML文件路径问题)



jetty 9 嵌入式开发示例

jetty 9 嵌入应用程序后,小型的web应用直接打成一个单独的jar包,就可以直接运行,非常适合做Demo演示或云端集群部署。 主要代码: JettySer...


《Spring Boot极简教程》第7章 Spring Boot集成模板引擎



Gazebo 简介

These three steps will run Gazebo with a default world.



下面这段,初看一定会脑大,实际原因非常明确,所以遇到时要先观察,不一定是头大的问题。 gdb -p 1461 GNU gdb 6.6 Copyright (...