HTML - シンタックスハイライト - prism.js - カスタマイズ 改行の調整


クラウディア 

 ここ、ご注意です。きちんとプラグインをダウンロードしたら、下記の手順をふまなくても改行の調整ができているようです。
 2026年6月4日、これとは別に、手を入れる必要があります。「先頭の改行の除去(改)」のページをご参照ください。
1. 改行の調整
2. prism.js をいじる

1. 改行の調整


#include <stdio.h>

int main(int argc, char* argv[])
{
	print("Hello World!");

	return 0;
}
 と表示させるのに。

<pre class="line-numbers"><code class="language-c">#include <stdio.h>

int main(int argc, char* argv[])
{
	print("Hello World!");

	return 0;
}</code></pre>
 と書くのではなく。

<pre class="line-numbers"><code class="language-c">
#include <stdio.h>

int main(int argc, char* argv[])
{
	print("Hello World!");

	return 0;
}
</code></pre>
 と書きたいのですよ。

2. prism.js をいじる

 「prism.js」をいじるのですが、「minify」化されていますので、いったん。
Pretty Diff
 あたりで読みやすくします。  その上で。

var s = t.textContent,
    u = {
        code    : s,
        element : t,
        grammar : l,
        language: i
    };

if (n.hooks.run("before-sanity-check", u), !u.code || !u.grammar)
 を下記のように書き換えます。

var s = t.textContent,
    u = {
        code    : s,
        element : t,
        grammar : l,
        language: i
    };

var str = u.code;
var a = str.slice(1);
u.code = a.slice(0, -1) ;

if (n.hooks.run("before-sanity-check", u), !u.code || !u.grammar)
 9~11行で、コードの先頭一文字と末尾一文字を削除しています。  弊害で、ハイライトで指定する行が1行ずれてしまいます。  また、改行をいれずに記述すると、先頭・末尾が1文字ずつ削られてしまうので注意が必要です。

audiobook.jp
AbemaTV 無料体験
【usus ウズウズ】
それがだいじWi-Fi
ネットオークションの相場、統計、価格比較といえばオークファン
earthcar(アースカー)
損保との違い
JETBOY
U-NEXT
ハイスピードプラン
サウンドハウス
アフィリエイトのアクセストレード
TikTok Shop 【リピート用プログラム】
5G CONNECT
葬送のフリーレン Prime Video
ベルリッツ
薬屋の独り言
健康サポート特集
EMEET 1
Amazonギフトカード
EaseUS