jsヒアドキュメント内のscriptタグで閉じられてしまう

Question

前提・実現したいこと

jsでヒアドキュメントを変数に入れようとしていますが、
ヒアドキュメント内に</script>という文字が入ってしまっている為、ブラウザがスクリプトタグを閉じてエラーになってしまいます。

発生している問題・エラーメッセージ

Uncaught SyntaxError: Invalid or unexpected token

↓該当箇所
var php_html = (function () {/*
    <div id='~~'>
        <script>~~~</script>　←こちらの閉じタグで閉じられてしまっています。
    </div>
*/}).toString().match(/(?:/*(?:[\s\S]*?)*/)/).pop().replace(/^/*/, "").replace(/*/$/, "");
$('.test').html(php_html);

該当のソースコード（業務使用の為コードは例になります）

public function returnHtml()
{
    $html  = "\n";
    $html .= "<div id=~~>\n";
    $html .= "\t<script>~~~~</script>\n";
    $html .= "</div>\n";
    
    return $html;
}

function aaa() {
    var php_html = (function () {/*
        <?php echo $this->returnHtml(); ?>
    */}).toString().match(/(?:/*(?:[\s\S]*?)*/)/).pop().replace(/^/*/, "").replace(/*/$/, "");
    $('.test').html(php_html);
}

補足情報

php側を修正することは極力避けたいと思っています。
js側で上手くscriptタグをどうにかできれば嬉しいです。
雑な説明で申し訳ありませんが、よろしくお願い致します。

Comments

[m.ts10806]

PHPから出力したJavaScriptでエラーになってるならJavaScriptでどうにかできないのでは。

Answer 1

scriptタグに囲まれたjsソース内に「</script>」という文字列はおけません
やるならこんなふうにしてください

<script>
var html=`
<script>test</${""}script>
`;
console.log(html);
</script>