我正在开发一个小型项目。

该项目的目标是去除格式（双空格、数字和换行符），然后输出该值，并每隔“x”个字符换行一次，但确保它以逗号或句点结尾。

例如...如果我将字符限制设置为 50（在“until”中的“l”之后），我希望它如下所示。请注意，该示例倾向于使用标点符号而不是字符限制，但它不会添加换行符，除非您至少接近字符限制（我添加了额外的逗号以进一步解释）：

“敏捷的棕色狐狸跳过了懒狗，

直到那只狗睡着了。”

而不是（字符限制）：

“敏捷的棕色狐狸跳过了懒狗，直到

那只狗睡着了。”

或（标点符号）：

“快，

棕色狐狸跳过懒狗，

直到那只狗，

睡着了。”

如果您希望我当前的代码（删除双空格、数字和换行符）能够正常工作...

<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>

再说一次，这是一个个人项目，所以不要急于寻求解决方案/如果不可能，也没有问题。

我尝试通过 Javascript 执行基本的 if/else 语句，但没有成功。我对 jQuery 和 Javascript 有基本的了解，所以我可能会因为缺乏知识而受到限制。

在查找解决方案时，我弄清楚了如何在字符限制处创建换行符并在标点符号处创建换行符，但由于某种原因，我无法弄清楚如何在标点符号处创建换行符最喜欢的功能。