Tambahkan pemisah baris selepas dua syarat dipenuhi: tidak lebih daripada aksara "x" dan berakhir dengan koma atau noktah
Saya sedang membuat projek kecil.
Matlamat projek ini adalah untuk menanggalkan pemformatan (ruang berganda, nombor dan baris baharu) dan kemudian mengeluarkan nilai dengan pemisah baris setiap aksara "x", tetapi pastikan ia berakhir dengan koma atau noktah.
Sebagai contoh...jika saya menetapkan had aksara kepada 50 (selepas "l" dalam "sehingga"), saya mahu ia kelihatan seperti ini. Ambil perhatian bahawa contoh lebih mengutamakan tanda baca berbanding had aksara, tetapi ia tidak akan menambah baris baharu melainkan anda sekurang-kurangnya hampir dengan had aksara (saya menambah koma tambahan untuk menerangkan lebih lanjut):
“Musang coklat yang tangkas melompat ke atas anjing malas itu,
Sehingga anjing tertidur. ”
bukannya (had watak):
“Musang coklat yang tangkas melompat ke atas anjing malas itu sehingga
Anjing sedang tidur. ”
atau (tanda baca):
"Cepat,
Musang coklat melompat ke atas anjing malas,
Sampai anjing tu,
Tidur. ”
Jika anda mahu kod semasa saya (mengalih keluar ruang berganda, nombor dan baris baharu) berfungsi...
<script>
function printText() {
var inputValue = document.getElementById("paste-text").value;
function editText() {
inputValue = inputValue.replace(/(\r\n|\n|\r)/g, ' ');
inputValue = inputValue.replace(/[0-9]/gm, ' ');
inputValue = inputValue.replace(/(\s\s\s\s)/gm, ' ');
inputValue = inputValue.replace(/(\s\s)/gm, ' ');
inputValue = inputValue.trim();
return inputValue;
}
if (inputValue.length > 0) {
document.getElementById("text-output").innerText = editText();
document.getElementById("edit-text-output").classList.add("showEdited");
}
}
</script>
<section>
<div class="edit-text-container">
<div class="edit-text-input">
<div class="edit-text-paste">
<h3>Paste Text</h3>
<div class="edit-text-input-area">
<textarea name="paste-text" id="paste-text" rows="6" placeholder="Paste Text Here"></textarea>
</div>
<input type="submit" value="Remove Formatting" onclick="printText()">
</div>
</div>
<div id="edit-text-output">
<h3>Your <i>edited</i> Text</h3>
<div class="edit-text-output-area">
<textarea readonly id="text-output" rows="6"></textarea>
</div>
</div>
</div>
</section>
<style>
textarea {
margin:0;
width:100%;
padding:16px; }
#edit-text-output {
height:0px;
overflow:hidden;
opacity:0;
transition: all 0.5s;}
.showEdited {
height:185px!important;
opacity:1!important; }
.edit-text-container {
justify-content:center;
text-align:center; }
input[type=submit] {
margin-top:16px; }
</style>
Sekali lagi, ini adalah projek peribadi, jadi jangan tergesa-gesa dalam penyelesaian / jika tidak boleh, tidak mengapa.
Saya cuba melaksanakan penyataan asas if/else melalui Javascript tanpa berjaya. Saya mempunyai pemahaman asas tentang jQuery dan Javascript, jadi saya mungkin terhad oleh kekurangan pengetahuan saya.
Semasa mencari penyelesaian, saya terfikir cara membuat baris baharu pada had aksara dan baris baharu pada tanda baca, tetapi atas sebab tertentu saya tidak dapat mengetahui cara membuat baris baharu pada tanda baca Ciri kegemaran .
