How to use

This plugin adds a special class for every keyword, so keyword-specific styles can be applied. These special classes allow for fine-grained control over the appearance of keywords using your own CSS rules.

For example, the keyword if will have the class keyword-if added. A CSS rule used to apply special highlighting could look like this:

.token.keyword.keyword-if { /* styles for 'if' */ }

Note: This plugin does not come with CSS styles. You have to define the keyword-specific CSS rules yourself.

Examples

This example shows the plugin in action. The keywords if and return will be highlighted in red. The color of all other keywords will be determined by the current theme. The CSS rules used to implement the keyword-specific highlighting can be seen in the HTML file below.

JavaScript

HTML (Markup)