plugin-icon

Syntax Highlighter with PrismJS

投稿者: mohamad wael·
A syntax highlighter using PrismJs.
バージョン
0.0.1
最終更新日時
Nov 9, 2022

A syntax highlighter using PrismJs.

How To Use

Wrap your pre tag as shown below:

[sh_prismjs_pre class="language-py line-numbers match-braces rainbow-braces" data_line="1,4-5,7" escape_html='escape'] <pre> class Implements_Ne: ''' A class which implements the __ne__ method ''' def __ne__( self, other): return False class Not_Implements_Ne: ''' A class which does not implement the __ne__ method ''' pass </pre> [/sh_prismjs_pre]
  • Replace name in language-NAME, by the name of the language that you wish to highlight. For example if the language is python, language-NAME should become language-py .
  • If you wish line numbers to appear, use line-numbers .
  • If you wish braces to be matched when selected use match-braces .
  • If you wish to have rainbow braces use rainbow-braces .
  • If you wish to highlight lines, you can use data_line, so in the example provided, colorize line 1, and colorize lines from 4 to 5, and colorize line 7.
  • If you wish the content of the pre to be escaped, so for example if it contains html tags that you do not wish to be rendered, you can use escape_html=’escape’

For code tags, they also should be wrapped as follows:

[sh_prismjs_code class="language-html" escape_html='escape']<code>tag: <br/></code>[/sh_prismjs_code]

You must use the language-Name option, and you can use the escape_html option.

無料Business プランを利用中
インストールすることで、WordPress.com の利用規約サードパーティプラグイン利用規約に同意したことになります。
最大テスト回数
WordPress 6.1.9
このプラグインをダウンロードして、 サイトに使用できます。