关于js对textarea换行符的处理方法浅析

前言

本文很简单，就是记录一下js对textarea换行符的处理。

调试

随便写一个textarea

<textarea name="" id="textareaid" cols="30" rows="10"></textarea>

整个调试如下图：

发现： textareaid里面的换行符可以通过indexOf获取

textareaid.value.indexOf("\n")

但是直接通过正则全局替换没有效果（如上图）

textareaid.value.replace('/\n/g',';')

但是单个替换可以替换到：

textareaid.value.replace('\n',';')
"haorooms换行符测试;haorooms换行符测试1
haorooms换行符测试2
haorooms换行符测试3"
textareaid.value.replace('\n','<br/>')
"haorooms换行符测试<br/>haorooms换行符测试1
haorooms换行符测试2
haorooms换行符测试3"

全局替换方案

如上图运行，全局替换一般用如下代码：

textareaid.value.split("\n").join(";")

先分割成数组，然后再用你要替换的符号链接。

小结

文章很短，发现很多网上的写法不是很对。把自己的调试过程，记录一下，分享给大家！

总结

以上就是这篇文章的全部内容了，希望本文的内容对大家的学习或者工作具有一定的参考学习价值，如果有疑问大家可以留言交流，谢谢大家对我们的支持。

赞 (0)

相关推荐

  • JS实现textarea通过换行或者回车把多行数字分割成数组并且去掉数组中空的值

    删除数组指定的某个元素 var msg = " "; //textarea 文本框输入的内容 var emp = [ ]; //定义一个数组,用来存msg分割好的内容 1. 首先可以给JS的数组对象定义一个函数,用于查找指定的元素在数组中的位置,即索引,代码为: //封装移除方法 Array.prototype.remove = function(val) { var index = this.indexOf(val); if (index > -1) { this.splice

  • 把textarea中字符串里含有的回车换行替换成&lt;br&gt;的javascript代码

    1楼 textarea.value.replace(/\n/g,     "<br>"); 2楼 s=textarea.value.replace(/\r\n/g,     "<br>"); 3楼 按下的时候马上更换      V   ID="a"   contentEditable="true"   style='border:1   solid   black'>      其实以前早有很多人

  • JS给Textarea文本框添加行号的方法

    JS给Textarea文本框添加行号的方法

    本文实例讲述了JS给Textarea文本框添加行号的方法.分享给大家供大家参考.具体如下: 这里使用JS实现让Textarea文本框显示行号的功能,每一行的前面都会有下数字序号,如果用来显示代码的话,可以直接找到某一行,如果不显示行号,则还要自己手功去查,想要此功能,你只需设置好TextArea ID,并加入代码中的JavaScript代码部分即可,文本框的长宽则是由CSS来控制的,你可试着修改一下,长宽的显示要与JS相匹配. 运行效果截图如下: 在线演示地址如下: http://demo.jb

  • js监听鼠标事件控制textarea输入字符串的个数

    [Html代码] <table> <tr> <td width="150">短信内容:</td> <td> <textarea name="message" cols="96" rows="5" onKeyDown="textCounter(message,remLen,65);" onKeyUp="textCounter(mess

  • jsp实现textarea中的文字保存换行空格存到数据库的方法

    UploadNews.jsp <%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%> <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dt

  • JS简单限制textarea内输入字符数量的方法

    本文实例讲述了JS简单限制textarea内输入字符数量的方法.分享给大家供大家参考.具体如下: 这里演示JS限制一个area内的字符不能超过255,多余则截取. 代码如下: <script> function getStringUTFLength(str) { var value = str.replace(/[\u4e00-\u9fa5]/g," "); //将汉字替换为两个空格 return value.length; } function leftUTFString

  • JS实现选择TextArea内文本的方法

    本文实例讲述了JS实现选择TextArea内文本的方法.分享给大家供大家参考.具体实现方法如下: <script type="text/javascript"> function select_field(id){ document.getElementById(id).focus(); document.getElementById(id).select(); } function init(){ select_field('text1'); } onload=init;

  • 关于js对textarea换行符的处理方法浅析

    关于js对textarea换行符的处理方法浅析

    前言 本文很简单,就是记录一下js对textarea换行符的处理. 调试 随便写一个textarea <textarea name="" id="textareaid" cols="30" rows="10"></textarea> 整个调试如下图: 发现: textareaid里面的换行符可以通过indexOf获取 textareaid.value.indexOf("\n") 但是

  • python去除空格和换行符的实现方法(推荐)

    一.去除空格 strip() "   xyz   ".strip()            # returns "xyz"  "   xyz   ".lstrip()           # returns "xyz   "  "   xyz   ".rstrip()           # returns "   xyz"  "  x y z  ".replace(

  • php表单转换textarea换行符的方法

    下面是我对这个问题的解决过程,最后算是完全搞懂了,真是阴沟里险些翻船 1.必须知道textarea中的换行符是 \n  (个人检测发现按回车键是\n,好像在linux下是\r\n) 2.用nl2br之前,请仔细看好手册解释,我就是搞郁闷了,一般都理解为将\n转换成<br >,其实不是的: 看php手册解释: nl2br –  Inserts HTML line breaks before all newlines in a string Returns string with '<br

  • json中换行符的处理方法示例介绍

    json作为ajax常用的一种数据类型,经常使用.但如果字段中出现换行符如何处理? 去掉显然不合适.有些字段本来就有换行符,如何能去掉? 测试一下json类的处理,也没有发现.想不到最终的处理确实如此简单: 后台代码把换行符\r\n替换为\\r\\n,前台代码js收到的字符就是\r\n 复制代码 代码如下: public static string ConvertFromListTojson<T>(IList<T> list, int total, string columnInf

  • Python处理文本换行符实例代码

    Python处理文本换行符实例代码

    本文研究的主要是Python处理文本换行符的相关内容,具体如下. 源文件每行后面都有回车,所以用下面输出时,中间会多了一行 try: with open("F:\\hjt.txt" ) as f : for line in f: print(line) except FileNotFoundError: print("读取文件出错") 有两种方法处理: 1.print后面带 end='',表示不换行 try: with open("F:\\hjt.txt&

  • python按行读取文件,去掉每行的换行符\n的实例

    如下所示: for line in file.readlines(): line=line.strip('\n') 以上这篇python按行读取文件,去掉每行的换行符\n的实例就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持我们. 您可能感兴趣的文章: Python处理文本换行符实例代码 Python按行读取文件的简单实现方法 python去掉行尾的换行符方法 Python实现读取文件最后n行的方法 python去除空格和换行符的实现方法(推荐)

  • js 获取本地文件及目录的方法(推荐)

    Javascript是网页制作中离不开的脚本语言,依靠它,一个网页的内容才生动活泼.富有朝气.但也许你还没有发现并应用它的一些更高级的功能吧?比如,对文件和文件夹进行读.写和删除,就象在VB.VC等高级语言中经常做的工作一样.怎么样,你是否需要了解这方面的知识?那就请跟我来,本文将详细描述如何使用Javascript语言进行文件操作. 一.功能实现核心:FileSystemObject 对象 其实,要在Javascript中实现文件操作功能,主要就是依靠FileSystemobject对象.在详

  • 浅谈mysql数据库中的换行符与textarea中的换行符

    1. mysql数据库中的换行符 在mysql数据库中, 其换行符为\n 即 char(10), 在python中为chr(10) 2. textarea中的换行符 textarea中的换行符为\r\n 3. web应用中换行符转换 以下是python django web的处理: # data为textarea获取的数据, 其中包括换行符`\r\n`, 以下是过渡处理 data = data.replace('\r\n', '\n') # 或 data = data.replace('\r\n

  • js字符串中空格和换行符(\r,\s,\n,\r\n)浅析

    js字符串中空格和换行符(\r,\s,\n,\r\n)浅析

    目录 一.换行,回车 二.空白符 补充:js字符串指定位置换行 总结 一.换行,回车 换行回车在不同操作系统下的含义 以下均为单击 Enter 键产生 Windows:系统行末结束符是 ‘\r\n’ Linux:统行末结束符是 ‘\n’ Mac:系统行末结束符是 ‘\r’ 关于软 / 硬回车的扩展知识 硬回车:就是普通我们按回车产生的,它在换行的同时也起着段落分隔的作用.软回车:是用 Shift + Enter 产生的,它换行,但是并不换段,即前后两段文字在 Word 中属于同一“段”.在应用格

随机推荐