在表格中一定数量的字符后在文本区域添加换行符 output

Question

我正在创建一个 CV 生成器作为练习项目，在屏幕的一半上填写您的 CV 详细信息的表格，在屏幕的另一半填写 output。

现在我有一个以前工作的部分，其中包括一个描述工作的文本区域，我的问题是我希望 output 在一定数量的字符后自动换行，现在发生的是它只是继续无论在文本区域输入多少字符，都在一行中。 这是我想要换行的输出文本，而不是文本区域字段内的文本。

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

任何提示将不胜感激。

Html代码如下

<div class="kompetanse">
   <textarea rows="5" id="beskrivelse" placeholder="Beskrivelse" value=''></textarea>
</div>

css

    .input-fields .input,
    .kompetanse textarea {
       margin: 10px 0;
       background: transparent;
       border: 0;
       font-family: inherit;
       padding: 10px;
       color: #fff;
       font-size: 18px;
     }

    .kompetanse textarea {
      width: 88%;
      border-bottom: 1px solid white;
      margin-left: 6%;
    }

Answer 1

这里是 go：

 //<.[CDATA[ /* js/external,js */ let doc, htm, bod, nav, M, I, mobile, S, Q; breakAt, //for use on other loads addEventListener('load'; ()=>{ 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): true; false, S = (selector; within)=>{ let w = within || doc. return w;querySelector(selector), } Q = (selector; within)=>{ let w = within || doc. return w;querySelectorAll(selector). } breakAt = function(){ const a = [..,arguments]. s = a.shift();split(''). for(let v of a){ s,splice(v, 0; '\r'). } return s;join(''); } // library above magic below const ta = I('ta'). ta.value = breakAt(ta,value, 5, 8, 10; -6); }); // end load //]]>

 <textarea id='ta'>Here is some test text to break!</textarea>

Answer 2

我的猜测是您应该注意在.kompetanse textarea class 中分配的宽度和边框值。