Javascript 将换行符添加到表单中特定字符数后的文本区域输出

我正在创建一个CV生成器，作为一个实践项目，在屏幕的一半上填写您的CV详细信息，在屏幕的另一半上填写输出

现在我有一个关于以前作业的部分，其中包括一个文本区域来描述作业，我的问题是，我希望输出在一定数量的字符后自动换行，现在发生的是，无论文本区域输入了多少字符，它只会在一行中向右移动。我想要的是输出的文本，而不是文本区域字段中的文本

我试图找到解决方案，但我找不到任何适用的方法，可能是因为我不知道找到解决方案的正确术语

任何提示都将不胜感激

下面是Html代码

css

.input fields.input，
.Kompatense文本区{
利润率：10px0；
背景：透明；
边界：0；
字体家族：继承；
填充：10px；
颜色：#fff；
字号：18px；
}
.Kompatense文本区{
宽度：88%；
边框底部：1px纯白；
左缘：6%；
}

给你：

//{
doc=document；htm=doc.documentElement；bod=doc.body；nav=navigator；M=tag=>doc.createElement（tag）；I=id=>doc.getElementById（id）；
mobile=nav.userAgent.match（/Mobi/i）？真：假；
S=（选择器，在范围内）=>{
设w=在| | doc内；
返回w.querySelector（选择器）；
}
Q=（选择器，内部）=>{
设w=在| | doc内；
返回w.querySelectorAll（选择器）；
}
breakAt=函数（）{
常量a=[…参数]，s=a.shift（）.split（“”）；
for（让v of a）{
s、 拼接（v，0，'\r'）；
}
返回s.join（“”）；
}
//魔法之上的图书馆
常数ta=I（'ta'）；
ta.value=breakAt（ta.value，5,8,10，-6）；
}); // 端荷载
//]]>

这里有一些要中断的测试文本给你：


//{
doc=document；htm=doc.documentElement；bod=doc.body；nav=navigator；M=tag=>doc.createElement（tag）；I=id=>doc.getElementById（id）；
mobile=nav.userAgent.match（/Mobi/i）？真：假；
S=（选择器，在范围内）=>{
设w=在| | doc内；
返回w.querySelector（选择器）；
}
Q=（选择器，内部）=>{
设w=在| | doc内；
返回w.querySelectorAll（选择器）；
}
breakAt=函数（）{
常量a=[…参数]，s=a.shift（）.split（“”）；
for（让v of a）{
s、 拼接（v，0，'\r'）；
}
返回s.join（“”）；
}
//魔法之上的图书馆
常数ta=I（'ta'）；
ta.value=breakAt（ta.value，5,8,10，-6）；
}); // 端荷载
//]]>
这里有一些要中断的测试文本我的猜测是您应该注意在.Kompatense textarea类中指定的宽度和边框值。
我的猜测是您应该注意在.Kompatense textarea类中指定的宽度和边框值。
请在您的question@PrathameshKoshti我添加了css与文本区域和html相关的代码。请在您的question@PrathameshKoshti我添加了与文本区域和html相关的css代码。感谢您抽出时间回答我。我想要的是输出的文本，而不是文本区域字段中的文本。我更新了我的问题以澄清这一点。感谢您抽出时间回答我。我想要的是输出的文本，而不是文本区域字段中的文本。我更新了我的问题以澄清这一点。感谢您的建议，我尝试将该区域的with设置为100%。现在，如果我在文本区域中按enter键输入新行，它将正常工作，但是，如果我在文本区域中保持同一个句子的长度而不按enter键换行，则会出现相同的问题。您尝试过其他浏览器吗？我想到的下一件事是，您可以使用iframe来显示输出窗口，使用jquery，您可以很容易地从google中找到。是的，但您是对的，我必须在多个位置添加“最大宽度”才能使其正常工作。感谢您的建议，我尝试将该区域的with设置为100%，如果我在文本区域中按enter键新建一行，它现在可以工作了，但是，如果我在文本区域中保持同一个句子的长度而不按enter键换行，则会出现相同的问题。您尝试过其他浏览器吗？我想到的下一件事是，您可以使用iframe来显示输出窗口，使用jquery，您可以很容易地从google中找到。是的，但您是对的，为了让它正常工作，我不得不在多个地方添加最大宽度。