哪个HTML元素用于设置最大行长以及最大和最大行数?

时间:2019-05-21 06:29:23

标签: javascript html css angular typescript

我需要输入,在这里我可以设置最大行长和最大行数。我应该使用哪个元素?还是我应该用打字稿写这个?

2 个答案:

答案 0 :(得分:0)

您可以使用诸如for-loop之类的功能,递归在您的情况下可能会有用,只是为了更有用,您能否提供有关项目的更多详细信息

答案 1 :(得分:0)

  

要创建多行文本输入,请使用HTML标记。您可以使用cols和rows属性设置文本区域的大小。

尝试使用此自定义验证器来限制每行中的最大字符数。

<textarea siInput [(ngModel)]="myTextarea" style="resize:none;  white-space: both;" rows="20" (keyup)="onKeyAction()"(keydown)="onKeyAction()" id="textID" maxlength="{{maxTextAreaLength}}"></textarea>


myTextarea;
maxTextLineLength = 10;

onKeyAction() {
if (this.myTextarea) {
  var lines = this.myTextarea.split(/(\r\n|\n|\r)/gm);
  for (var i = 0; i < lines.length; i++) {
    if (lines[i].length >= this.maxTextLineLength) {
      lines[i] = lines[i].substring(0, this.maxTextLineLength);
    }
  }
  this.myTextarea = lines.join('');
 }
}

创建了stackblitz以获得帮助。