🐙

jsで文字列改行を簡単に使えるdedentについての紹介

2023/09/30に公開

ライブラリ

const text = `
この状態だと綺麗に
改行も実現される
`.trim();

この状態だと綺麗に
改行も実現される

	const text = `
	インデントがある状態だと
	インデントが含まれた状態になってしまう
	`.trim();

	インデントがある状態だと
	インデントが含まれた状態になってしまう

npm install dedent

npm install ts-dedent

tsだったらこっち。

import dedent from "ts-dedent";

自分はts環境なのでts-dedentを入れた

	const text = dedent`
	インデントがある状態でも
	インデントが含まれない状態に！
	`.trim();

インデントがある状態でも
インデントが含まれない状態に！

 const canvasTexture = new THREE.CanvasTexture(
+     this.createCanvasForTexture(w * 20, h * 20, String(dedent(text)), f)
 );

自分はテキストごとに呼び出すのが面倒だったので、自作のテキスト描画クラスの処理の中にdedentを入れて整形してみた。簡単に使えてとても便利！