Javascript 如何将粘贴的文本从textarea划分为<；p>；包含相同字符数的段落？

我正在使用的JSFIDLE似乎正是我的项目所需要的。但是，如何更改当前代码以确保每个分割的段落包含相同数量的字符，并且所有段落的宽度相同

任何帮助都将不胜感激，尤其是更新的JSFIDLE将非常有用

$（函数（）{
$（'button'）。在（'click'，function（）上{
var theText=$（'textarea'）.val（）；
var i=200；
而（文本长度>200）{
console.log（“循环”）；
while（text.charAt（i）！='.'））{
i++；
}
控制台日志（i）；
$（“#text_land”）。追加（“”+文本子字符串（0，i+1）+“
”）；
theText=theText.substring（i+1）；
i=200；
}
$（'text'u land'）。追加（“”+文本+”
”；
})
})

xzxz
去

如果所有段落的字符数必须相同，但宽度也必须相同，则每个字符的宽度必须相同，并且必须使用单间距字体

使用这段代码，您可以将输入文本切成相等的块，并以相等的宽度显示在段落中

$(function () {
    $('button').on('click', function () {
        var theText = $('textarea').val();
        var numberOfCharacters = 50;

        while (theText.length) {
            $("#text_land").append("<p>" + theText.substring(0, numberOfCharacters - 1) + "</p>");
            theText = theText.substring(numberOfCharacters);
        }

    })

})

$（函数（）{
$（'button'）。在（'click'，函数（）{
var theText=$（'textarea'）.val（）；
变量numberOfCharacters=50；
while（文本长度）{
$（“#text_land”）。追加（“”+文本子字符串（0，numberOfCharacters-1）+“
”；
文本=文本子字符串（字符数）；
}
})
})

当然，这并不能像你的小提琴那样剪掉周期性的文字，它可能会切成文字，但是你不能吃饼干，也不能吃。 <>如果你想确保至少中间没有文字，你可以放松每行约束的字符数，直到找到这样的空间。

$(function () {
    $('button').on('click', function () {
        var theText = $('textarea').val();
        var numberOfCharacters = 20;

        while (theText.length) {
            while (theText.length > numberOfCharacters && theText.charAt(numberOfCharacters) !== ' ') {
                numberOfCharacters++;   
            }
            $("#text_land").append("<p>" + theText.substring(0, numberOfCharacters) + "</p>");
            theText = theText.substring(numberOfCharacters);
        }

    })

})

$（函数（）{
$（'button'）。在（'click'，函数（）{
var theText=$（'textarea'）.val（）；
变量numberOfCharacters=20；
while（文本长度）{
while（text.length>numberOfCharacters&&text.charAt（numberOfCharacters）！=''）{
numberOfCharacters++；
}
$（“#text_land”）。追加（“”+文本子字符串（0，字符数）+“
”；
文本=文本子字符串（字符数）；
}
})
})
在这种情况下，段落标签将插入到SeTECNE的中间。你想如何确定文本应该划分的段落数量？通过这把小提琴，在继续下一段时，单词中的部分字母似乎丢失了。是否可以继续到下一段，确保保留上一段中的单词且不分割？相同数量的字符？不，想一想。如何确保每一行都有相同的固定字符数，但仍然只有完整的单词。这与编程无关，只是不可能。这就是我所说的“你不能既吃饼干又吃饼干”的意思。在第一个例子中，一个单词中的一个字母丢失了，在继续到第二段之前，是否可以通过动态地将最后一个单词包含在每个段落中，将其改为包含段落中的单词？这正是第二个代码所做的。如果您真的只关心段落的宽度，而不关心字符的数量，那么可以应用“文本对齐：对齐”并使用一些简单的单行对齐，如