Fügen Sie Zeilenumbrüche hinzu, nachdem zwei Bedingungen erfüllt sind: nicht mehr als „x“ Zeichen und endend mit einem Komma oder Punkt
Ich arbeite an einem kleinen Projekt.
Das Ziel dieses Projekts besteht darin, die Formatierung (doppelte Leerzeichen, Zahlen und Zeilenumbrüche) zu entfernen und dann den Wert mit einem Zeilenumbruch alle „x“ Zeichen auszugeben, aber sicherzustellen, dass er mit einem Komma oder Punkt endet.
Wenn ich zum Beispiel die Zeichenbeschränkung auf 50 (nach dem „l“ in „bis“) setze, möchte ich, dass es so aussieht. Beachten Sie, dass im Beispiel die Zeichensetzung Vorrang vor der Zeichenbeschränkung hat, aber keine Zeilenumbrüche hinzugefügt werden, es sei denn, Sie sind zumindest nahe an der Zeichenbeschränkung (ich habe die zusätzlichen Kommas hinzugefügt, um dies näher zu erläutern):
„Der flinke Braunfuchs sprang über den faulen Hund,
Bis der Hund einschläft.
statt (Zeichenbeschränkung):
„Der flinke Braunfuchs sprang über den faulen Hund bis
Der Hund schläft.
oder (Satzzeichen):
"Beeilen Sie sich,
Der Braunfuchs springt über den faulen Hund,
Bis zu diesem Hund,
Schlafend.
Wenn Sie möchten, dass mein aktueller Code (Entfernen von doppelten Leerzeichen, Zahlen und Zeilenumbrüchen) funktioniert ...
<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>
Auch hier handelt es sich um ein persönliches Projekt. Überstürzen Sie also nicht die Lösung. Wenn dies nicht möglich ist, ist das in Ordnung.
Ich habe erfolglos versucht, einfache if/else-Anweisungen über Javascript auszuführen. Ich verfüge über grundlegende Kenntnisse von jQuery und Javascript, daher kann es sein, dass ich durch mangelnde Kenntnisse eingeschränkt bin.
Auf der Suche nach einer Lösung habe ich herausgefunden, wie man bei Zeichenbegrenzungen einen Zeilenumbruch und bei Interpunktion einen Zeilenumbruch erstellt, aber aus irgendeinem Grund konnte ich nicht herausfinden, wie man bei Interpunktion einen Zeilenumbruch erstellt. Lieblingsfunktion.
