htmlの正規表現の不一致

Question

jsファイル内の可変カードにhtmlコードのブロックがあります。カードの変数errorに一致しない正規表現をキャッチしました。すべての一重引用符と二重引用符が一致します.htmlブロックで間違っていました。入力ミス。

(function ($) { 
Drupal.behaviors.one_time_popup = { 
attach: function (context, settings) { 
var celeType=Drupal.settings.one_time_popup.celeType; 
card="<div class=\'cardTemplate-aniv\'> 
<p class=\'bir-anniv-wishes\'>Happy Birthday and Successful Anniversary</p> 
<p id=\'aspirian-name\'>"+userName+"</p> 
<img src=\'"+Drupal.settings.publicpath+"/Birthday_Images/birthdayTemplate1.jpg\' style=\'width:250px;height:230px;\'> 
<img src=\'"+Drupal.settings.publicpath+"/Anniversary_Images/"+anniversaryCount+"Anniversary.jpg\' style=\'width:250px;height:250px;\'> 
</div>"; 
} 
}; 
}(jQuery)); 

私はあなたが単一引用符'をエスケープする必要はありませんエスケープ単一引用符

Answer 1

なしの正規表現の不一致を示すものよりtemmplate

cardTemplate1 = "<div class=\'cardTemplate\'><span class=\'birthdayImage\'></span><p class=\'wishes\'>Happy Birthday <span id=\'aspirian-name\'>"+userName+"</span> !</p><img src=\'"+Drupal.settings.publicpath+"/Birthday_Images/birthdayTemplate1.jpg\'></div>"; 

持っています。

Answer 2

複数行の文字列リテラルを二重引用符で囲むことはできません。 ES6をお持ちの場合は、バックティックを使用して複数行のテンプレート文字列を使用することができます。 creating-multiline-strings-in-javascript