Question

我有一个动态添加css代码的textarea。

我希望css看起来干净，并想知道是否可以在每次＆＃34;;＆＃34;之后分割线。字符。

I currently have it like this
--------------------|
display: inline;color: 
red;                |
                    |
                    |
                    |
                    |
--------------------

And want it to be like this automatically
--------------------|
display: inline;    |
color: red;         |
                    |
                    |
                    |
                    |
--------------------

有没有办法可以用jQuery或Javascript做到这一点？

Answer 1

如果您有权访问jQuery，这应该可行;

所以假设你有一个textarea：

<textarea id="myTextarea"></textarea>

您可以连接onchange事件处理程序以调整内容。

$(document).ready(function(){
  $('#myTextarea').change(function(){
    var oldVal = this.value;
    var contentSplitBySemiColons = oldVal.split(';');
    var thisFragment;
    for(var i=1;i<contentSplitBySemiColons.length;i++){
      thisFragment = contentSplitBySemiColons[i];
      if(thisFragment[0] != '\n'){
        contentSplitBySemiColons[i] = '\n' + thisFragment;
      }
    }
    this.value = contentSplitBySemiColons.join(';');
  });
});

如果您想尝试一下，这里有一个JSFiddle。 http://jsfiddle.net/jeLscdm5/4/

Answer 2

// Using jQuery
var val = $('textarea').val();
$('textarea').val(val.replace(/;/g, ';\n'));

// Using plain javascript
var textarea = document.getElementsByTagName('textarea')[0];
textarea.value = textarea.value.replace(/;/g, ';\n');

Textarea在';'字符之后断行

2 个答案: