用HTML標簽+ \\ n替換關閉的HTML標簽

Question

我試圖用結束標記+換行符代替通常結束的html標記，所以我在這里找到了類似的帖子，沒有一個真正幫助我完成想要的事情。

</li>應該是</li>\\n

<img some property />將是<img some property />\\n

我設法通過以下功能在php中做到了，效果很好：

 public static function addLBinHTML($htmlcode){

     $pattern= array('~(</.*?>)~','(/>)');
     $replace= array('${1} Hallo \n  ','/>\n  ');

     return preg_replace($pattern, $replace, $htmlcode);
}

我試圖在JavaScript / jQuery中執行相同的操作，但未能獲取變量（在php regex ${1} ）。

我嘗試了.split .join和.replace，我認為.replace是正確的方法。

這就是我得到的（我最后一次也是最接近的嘗試）

function setLinebreaks(taID){

   var strContent = $('#'+taID).val();
   var regex = new RegExp("</.*?>", "gi");

    strContent.replace(regex, "${1} \n   ")
              .replace(/\/>/g,'/> \n    ');

   console.log(strContent);
   $('#'+taID).val(strContent);
}

在此先感謝您的幫助

Answer 1

你必須捕捉與括號中的正則表達式， 指定替換字符串和替換${1}的$1 ：

var regex = new RegExp("(</.*?>)", "gi");

strContent = strContent.replace(regex, "$1 \n   ")
                       .replace(/\/>/g,'/> \n    ');

或者，您可以簡單地將replace方法放入val函數中。