這是我使用 jquery 在 WhatsApp 上共享網頁內容的代碼。但在 divblock3 中有帶換行符的文本<br />
<div class='divblock3'><p><p>Lorem Ipsum is simply dummy .<br /> <br /> Lorem Ipsum is simply dummy textntly.<br /> <br /> Lorem Ipsum is simply dummy textntly.
whatsapp 不會解釋為換行符...
知道如何<br />用 a替換 the "
"，以便 whatsapp 將它們解釋為換行符
<script type="text/javascript">
(function clickMe() {
const button = document.getElementById("button");
var divblock1 = $('.divblock1').text();
var divblock2 = $('.divblock2').text();
var divblock3 = $('.divblock3').text();
var message = encodeURIComponent(divblock1) "
" encodeURIComponent(divblock2) "
" encodeURIComponent(divblock3);
button.addEventListener("click", event => {
// Whatsapp Message on Button Click
window.open("https://api.whatsapp.com/send?text=" message)
});
})();
</script>uj5u.com熱心網友回復：
JQuery 的replace函式可以搜索的所有實體<br>并用您指定的值替換它。此外，Jquery 的.text()功能會洗掉所有 HTML 標簽，但您希望保留這些標簽，因為您希望將其替換<br>為
. 所以讓我們改用這個函式.html()。
而且我會建議您洗掉它是沒有必要的/，<br />否則會導致新代碼出現問題。
小型 HTML 編輯
<div class='divblock3'>
Lorem Ipsum is simply dummy .<br> <br> Lorem Ipsum is simply dummy textntly.<br> <br> Lorem Ipsum is simply dummy textntly.
</div>
JS 中的新行
var divblock3 = $('.divblock3').html();
divblock3 = divblock3.replace(/<br>/g, '\n');
divblock3 = $('<div></div>').html(divblock3);
divblock3 = divblock3.text();
更新了示例腳本（起初我后來沒有考慮 encodeURIComponent，它在本次更新中通過使用\n而不是修復了
）
function clickMe() {
const button = document.getElementById("button");
var divblock1 = $('.divblock1').text();
var divblock2 = $('.divblock2').text();
// the new lines
var divblock3 = $('.divblock3').html();
divblock3 = divblock3.replace(/<br>/g, '\n');
divblock3 = $('<div></div>').html(divblock3);
divblock3 = divblock3.text();
var message = encodeURIComponent(divblock1) "
" encodeURIComponent(divblock2) "
" encodeURIComponent(divblock3);
window.open("https://api.whatsapp.com/send?text=" message, '_blank');
// and for debugging purposes you can copy this:
console.log("https://api.whatsapp.com/send?text=" message);
}<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class='divblock1'>
Subject: Strange text editor
</div>
<div class='divblock2'>
Department: IT
</div>
<div class='divblock3'>
Message: Every time I type somehting it turns to:<br><br>
Lorem Ipsum is simply dummy .<br> <br> Lorem Ipsum is simply dummy textntly.<br> <br> Lorem Ipsum is simply dummy textntly
</div>
<button onclick="clickMe()">
Send message
</button>轉載請註明出處，本文鏈接：https://www.uj5u.com/qukuanlian/537254.html
下一篇：jQueryHTML條件陳述句