Movatterモバイル変換


[0]ホーム

URL:


Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

Sign up
Appearance settings

Display language of syntax highlighting

License

NotificationsYou must be signed in to change notification settings

highlightjs-plugins/highlightjs-lang.js

Repository files navigation

Highlight.js plugin for display language of syntax highlight.

DEMO

Install

Npm

npm i highlightjs-lang.js

Getting the library from CDN

<scriptsrc="https://cdn.jsdelivr.net/npm/highlightjs-lang.js@latest/dist/highlightjs-lang.min.js"></script>

highlightjs-lang.js 1.1.0 is known to work with highlight.js 11.3.1+

Usage

Download plugin and include file after highlight.js:

<scriptsrc="path/to/highlight.min.js"></script><!-- Load plugin: --><scriptsrc="path/to/highlightjs-lang.min.js"></script>

Add styles:

.hljs-lang {background:#333;text-align: center;color:#fff;-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}

Initialize plugin after highlight.js:

hljs.highlightAll();hljs.initLangOnLoad();//  <-- init plugin

Here’s an equivalent way to callinginitLangBlock using jQuery:

$(document).ready(function(){$('code.hljs').each(function(i,block){hljs.initLangBlock(block);});});

Options

After version 1.1.0 plugin has optional parameteroptions - for custom setup:

versionnametypedefault valuedescription
v1.1.0overrideNamesobject{}Override the default language names
v1.1.1fallbackfunc(str): str(lang) => langFallback to convert unknown names

Examples of using

Options can be used in these calls:

hljs.initLangOnLoad(myOptions);
hljs.initLangBlock(myCodeBlock,myOptions);

overrideNames

If you want to override the default language name, you can specify aoverridden language names, in one of the following ways:

  • Specifying the desired value in js code, as in:
varmyOptions={// ...overrideNames:{cs:'C#',},// ...};
  • Specifying the desired value indata-lang-name attribute ofcode element, as in:
<pre><codeclass="cs"data-lang-name="C#">    ...</code></pre>

In both cases language name will beC#.

List of default language names

fallback

Specifying the desired format for undeclared language names:

varmyOptions={// ...fallback:function(lang){return'~~'+lang;},// ...};

Convert all undeclared language names to names with~~ prefix:

xyz -> ~~xyz

Skipping some blocks

(Applies tohljs.initLangOnLoad() initialization only.)

If you want to skip some of yourcode blocks (to leave them unnumbered), you can mark them with.nohljslang class.

More plugins


© 2015 Yauheni Pakala | MIT License


[8]ページ先頭

©2009-2025 Movatter.jp