使い方

このプラグインを有効にするには、match-braces クラスをコードブロックに追加します

<pre><code class="language-xxxx match-braces">...</pre></code>

language-xxxx と同様に、match-braces クラスは継承されるため、<body> にクラスを追加してページ全体でプラグインを有効にすることができます。

このプラグインは、カーソルがブレースのいずれかにホバリングすると、ブレースのペアをハイライトします。ハイライト効果は、カーソルがブレースのペアから外れるとすぐに消えます。
no-brace-hover をコードブロックに追加すると、ホバー効果を無効にすることができます。このクラスも継承できます。

ブレースをクリックしてブレースのペアを選択することもできます。ペアの選択を解除するには、コードブロック内の任意の場所をクリックするか、別のペアを選択します。
no-brace-select をコードブロックに追加すると、選択効果を無効にすることができます。このクラスも継承できます。

レインボーブレース 🌈

レインボーブレースを有効にするには、rainbow-braces クラスをコードブロックに追加するだけです。このクラスも継承できます。

サンプル

JavaScript

const func = (a, b) => {
	return `${a}:${b}`;
}

Lisp

(defun factorial (n)
	(if (= n 0) 1
		(* n (factorial (- n 1)))))

レインボーブレースのある Lisp 🌈 ホバーなし

(defun factorial (n)
	(if (= n 0) 1
		(* n (factorial (- n 1)))))