【问题标题】:Javascript Line Break TextareaJavascript换行文本区域
【发布时间】:2012-02-06 07:30:15
【问题描述】:

我有一个文本区域,我想预先填充一些包含换行符的特定文本。我正在填充 onLoad 区域,但我无法让换行符正常工作。关于如何做到这一点的任何建议?谢谢。

【问题讨论】:

  • 发布代码示例、数据示例、环境和您正在运行的浏览器。还应将其他问题的答案归功于他人。

标签: javascript


【解决方案1】:

你需要用换行符替换换行符:\n

【讨论】:

    【解决方案2】:

    只需使用换行符:\n

    所以,如果你想让 textarea 看起来像这样:

    这是第 1 行
    这是第 2 行

    你会使用这样的字符串:

    "This is line 1\nThis is line 2";
    

    在此处查看演示:http://jsfiddle.net/MzmBd/

    【讨论】:

      【解决方案3】:

      如多次所述,您需要\n 字符。

      请看这里: http://jsfiddle.net/XbALv/

      document.getElementById("blah").value = 
      "This" + "\n" +
      "is some" + "\n" +
      "text" + "\n";
      

      【讨论】:

        【解决方案4】:

        我尝试了很多方法来将一个文本区域分解为一个数组。用了这个方法,可能不是最好的。

        使用 .split('\n') 不会删除中断,它会在插入数据库时​​创建空白或中断。因此,我将其替换为

        文本区域内容:
        12345
        6789


        a = a.replace(/\n|\r\n|\r/g, "<br>");
        
        var stringArray = a.split('<br>');
        
        for (var i = 0; i < stringArray.length; i++) {
        var myString = stringArray[i];
        myString = myString.replace('<br>', "");
        
        response.write(myString);
        }
        

        【讨论】:

          【解决方案5】:

          像这样替换:

          str.replace(/[\r\n]+/g, '\\\n') %>';
          

          【讨论】:

            【解决方案6】:

            将文本区域分解为数组

            文本区域内容: underscore_case 名 Some_Variable 计算_AGE delay_departure

               const variableCase = function (variable) {
                    const variableSplit = variable.split('\n');
                    const spaceRemoved = [];
            
                    for (const removeSpace of variableSplit) {
                      const RST = removeSpace.trim();
                      spaceRemoved.push(RST);
                    }
            
                    console.log(spaceRemoved); // output: ["underscore_case", "first_name", "Some_Variable", "calculate_AGE", "delayed_departure"]
                  };
            

            【讨论】:

              猜你喜欢
              • 1970-01-01
              • 1970-01-01
              • 1970-01-01
              • 2023-03-14
              • 1970-01-01
              • 1970-01-01
              相关资源
              最近更新 更多