srikat / WP-HighlightJS

WordPress plugin that loads highlight.js on singular pages. Uses clipboard.js for copy to clipboard functionality.

WP HighlightJS

Loads highlight.js and clipboard.js on single pages in WordPress for syntax highlighting with a 1-click copy to clipboard button.

Live Example.

From 768px and below, it will always appear.

Included Theme:

• GitHub Dark Dimmed

Included Languages:

• HTML, XML
• CSS
• PHP
• JavaScript
• JSON
• Markdown
• Plain text
• SCSS

Installation

1. Click on the Download ZIP button at the right to download the plugin.

2. Upload the entire wp-highlightjs folder to the /wp-content/plugins/ directory.

3. Activate the plugin through the Plugins menu in WordPress.

Usage

In WordPress' Gutenberg editor, type / to begin typing code and hit return when you see a match.

Paste your code.

If using Oxygen, wrap your code in a code element and that in a pre element having a class of wp-block-code.

Ensure that there are no spaces between the HTML tags.

Screenshot.

Changelog

2.0.4 - May 27, 2022

• Made the script to load on all singular pages, not just posts.
• Fixed JS error with the forEach loop in the initilization script.
• Updated highlight.js and clipboard.js libraries to their latest versions.
• Removed the call to Google for the Source Code Pro font. It is now included in the plugin.
• Replaced the syntax highlighting theme with "GitHub Dark Dimmed".
• Replaced wp_localize_script() with wp_add_inline_script() for passing the copy icon's URL from PHP to JS.

2.0.3 - Aug 20, 2021

• Updated deprecated HLJS Function. Thanks to Taylor.

2.0.2 - Aug 07, 2021

• Updated highlight.js and clipboard.js libraries to their latest versions.
• Removed "word-wrap: break-word" block for body element in CSS.
• Set the plugin to load only on singular posts and not all singular pages.

2.0.1 - Jan 11, 2021

• Updated highlight.js and clipboard.js libraries to their latest versions.
• Misc. CSS fixes.

2.0.0 - August 21, 2019

• Updated highlight.js and clipboard.js libraries to their latest versions.
• Updated init js file to fix errors in the console.
• Plugin name is not hardcoded any more in the init js file.
• Replaced Github color theme with Gruvbox Dark.

1.0.0

• Initial Release

Others

Tested up to: 5.8

License: GPLv2 or later

License URI: http://www.gnu.org/licenses/gpl-2.0.html

Donate link: https://www.paypal.me/sridharkatakam