コード整形ツールのPrettierをブラウザで使用する2(php編)

2020/5/11 未分類

『コード整形ツールのPrettierをブラウザで使用する』の続き。
公式のパーサー一覧にはphpがない。plugin-phpを利用する。前回と同じくCDNを利用する。prettierとplugin-phpのバージョンの互換性に注意。

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Browser Prettier</title>
<meta charset="utf-8">
</head>
<body>
    <script src="https://unpkg.com/prettier@2.0.5/standalone.js"></script>
    <script src="https://unpkg.com/@prettier/plugin-php/standalone.js"></script>
 
    <script>
      const TestCode = `
      //test code
$testa= "aaa"  ;
 $testb  =   "bbb" ;
  $testc  =   "cccc";
`;
      const result = prettier.format(TestCode, {
        parser: "php",
        plugins: prettierPlugins,
      });
      console.log(result);
/*
//test code
$testa = "aaa";
$testb = "bbb";
$testc = "cccc";
*/
    </script>
</body>
</html>

リンク

plugin-php
Including plugin-php in with standalone in Browser