WordPressでの特殊文字の取り扱い

Question

<div class="${id}-item" title="${data.labels === undefined ? "" : (data.labels[i] + "").replace(/"/g, "&quot;")}">

上記のコードをwordpressの投稿の中で動作させると、.replace(/"/g, """) の部分でエラーとなります。
""" の部分を他の文字、例えば "" のようにするとエラーにはなりません。

エラーメッセージは下記です。
Uncaught SyntaxError: missing ) after argument list

" はダブルクォーテーションのようですが、wordpress上でエラーとなる原理が解りません。
よろしくお願いします。

Answer 1

ダブルクォーテーションは、エスケープする必要があります。

.replace(/"/g, """)

.replace(/\"/g, """) 

のように \ でエスケープするとどうなるでしょうか？

または、正規表現を使わない場合は、シングルクォーテーションで囲って、

.replace('\"', '"') 

でも動作すると思います。

Comments

[takahashi-one]

回答ありがとうございます。自己解決しました。

Answer 2

調べたらwordpressのエディター上では&(アンパサンド)が自動変換されて起こるエラーのようです。
.replace(/"/g, """) の部分を
.replace(/"/g, """) のようにしたらエラーはなくなりました。

気を付けることは、wordpressの投稿を2回更新するとまたもとにもどってしまうことです。
""" 1回目更新で """ になり
""" 2回目更新でまた&が自動変換されてエラーとなります