HTML - シンタックスハイライト - prism.js - 先頭の改行の除去（改）

1.　概要

2.　設定

3.　参考サイト

1.　概要

　2026年6月4日、「prism.js」を最新に更新したら、コード記述の先頭に、改行が入るようになってしまいました。
　先祖返り？
　コード表示の上の方が間延びして見えるので、手を入れます。

2.　設定

　「prism.js」自体でなく、サイト全体で、使用している「JavaScript」のコード内に記述します。
　わたしの環境は、「Laravel」で「Vue.js」を使用しているので。


resources/js/app.js


　に下記を追加します。


// ==========================================================================
// Prism.js Normalize Whitespace プラグインのグローバルカスタム設定
// ==========================================================================
document.addEventListener('DOMContentLoaded', () => {
    if (typeof Prism !== 'undefined' && Prism.plugins && Prism.plugins.NormalizeWhitespace) {
        Prism.plugins.NormalizeWhitespace.setDefaults({
            'remove-trailing': true,   // 末尾のゴミ改行は掃除する
            'remove-indent': true,     // 全体の余分なインデントは掃除する
            'left-trim': false,        // ★最先頭のトリミングだけを「オフ」にして、スペースを死守する
            'right-trim': true         // 末尾のトリミングは有効
        });
    }
});


　先に述べた環境故、プロジェクトディレクトリで。


npm run build


　これで、コンテンツにアクセスすると、先頭の改行はなくなります。

3.　参考サイト

　本ページは、「Gemini」伍長を参考にさせていただきました。