`
hugang357
  • 浏览: 188497 次
  • 性别: Icon_minigender_2
  • 来自: 深圳
社区版块
存档分类
最新评论

把textarea中字符串里含有的回车换行替换成<br>的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'>
其实以前早有很多人讨论过,代码比较多方法太可怕,自己用不到就没时间去研究,现在帮你试了一下,其实解决起来很简单了:)
<p>关于微软HTML编辑控件单击回车会插入<p>而不是<br>的解决方案</DIV> <p>
<div style='border:1 solid black' contentEditable="true">未经过脚本处理的编辑控件</div>
<script>
function a.onkeypress(){
if(event.keyCode==13){
var txtobj=document.selection.createRange()
txtobj.text==""?txtobj.text="\n":(document.selection.clear())&(txtobj.text="\n") //三目复合表达式,解决有被选文字时回车的光标定位问题
document.selection.createRange().select()
return false
}}
</script>
4楼
按下的时候马上更换
V ID="a" contentEditable="true" style='border:1 solid black'>
其实以前早有很多人讨论过,代码比较多方法太可怕,自己用不到就没时间去研究,现在帮你试了一下,其实解决起来很简单了:)
<p>关于微软HTML编辑控件单击回车会插入<p>而不是<br>的解决方案</DIV> <p>
<div style='border:1 solid black' contentEditable="true">未经过脚本处理的编辑控件</div>
<script>
function a.onkeypress(){
if(event.keyCode==13){
var txtobj=document.selection.createRange()
txtobj.text==""?txtobj.text="\n":(document.selection.clear())&(txtobj.text="\n") //三目复合表达式,解决有被选文字时回车的光标定位问题
document.selection.createRange().select()
return false
}}
</script>
5楼
按下的时候马上更换
V ID="a" contentEditable="true" style='border:1 solid black'>
其实以前早有很多人讨论过,代码比较多方法太可怕,自己用不到就没时间去研究,现在帮你试了一下,其实解决起来很简单了:)
<p>关于微软HTML编辑控件单击回车会插入<p>而不是<br>的解决方案</DIV> <p>
<div style='border:1 solid black' contentEditable="true">未经过脚本处理的编辑控件</div>
<script>
function a.onkeypress(){
if(event.keyCode==13){
var txtobj=document.selection.createRange()
txtobj.text==""?txtobj.text="\n":(document.selection.clear())&(txtobj.text="\n") //三目复合表达式,解决有被选文字时回车的光标定位问题
document.selection.createRange().select()
return false
}}
</script>


详细出处参考:http://www.jb51.net/article/9557.htm
分享到:
评论

相关推荐

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

    这些知识点和代码示例提供了对如何在JavaScript中处理textarea文本、监听键盘事件以及替换回车换行符的深入理解。这在开发富文本编辑器时尤其有用,因为在富文本编辑器中,用户往往需要输入格式化的多行文本,并且在...

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

    1 solid black’&gt; 其实以前早有很多人讨论过,代码比较多方法太可怕,自己用不到就没时间去研究,现在帮你试了一下,其实解决起来很简单了:) 关于微软HTML编辑控件单击回车会插入而不是&lt;br&gt;的解决方案&lt;...

    关于Textarea的换行问题

    值得注意的是,虽然这段代码提供了在Java环境中处理TextArea换行问题的一个具体示例,但在实际开发中,换行处理还可能涉及更复杂的逻辑,例如自动换行、软换行与硬换行的区别、换行符的编码和解析等。在不同的应用...

    js计算字符个数回车换行兼容所有浏览器.rar

    &lt;!...&lt;...&lt;head&gt; &lt;... charset=utf-8" /&gt; &lt;title&gt;无标题文档&lt;/title&gt;...&lt;style&gt;...textarea{ ...&lt;/style&gt;...&lt;/head&gt;...&lt;...&lt;br /&gt; 您当前输入了 &lt;/body&gt; &lt;/html&gt;

    HTML里面Textarea换行问题总结

    问题解决1: 一开始是提交数据的时候格式是AAA&lt;BR&gt;BBB,但是这是显示换行,其实在TextArea里面并不是真正按行存放的,因为这个时候再提交给另外一个TextArea的时候就是显示AAABBB,而不是换行显示了,因此仅仅是显示...

    php获取textarea的值并处理回车换行的方法

    本文实例讲述了php获取textarea的值并处理回车换行的方法。分享给大家供大家参考。具体实现方法如下: 一般来说,在html表单中.../textarea&gt; PHP代码: 复制代码 代码如下:$str=$_GET[‘test’]; echo $str.'&lt;b

    把富文本的回车转为br标签

    编辑框中可以识别的字符,在普通的标签里面没办法识别到,所以要转换成可以识别的&lt;br&gt; 方法1 string.replace(/(rn|n|r)/gm, ) 然后再用v-html=转换之后的string,就可以正常展示换行了 方法2 第二种方

    textarea换行符

    然而,在后续的数据处理过程中,例如在业务逻辑层将这些值转换成字符串形式并存储到数据库中时,换行符可能被解释为其他字符,比如空格。这种变化会导致数据失真,进而影响数据的正确显示和处理。 #### 二、解决...

    处理textarea换行空格

    总的来说,处理`textarea`中的换行和空格涉及前端的字符串操作,包括正则表达式替换、事件监听等技术。开发者需要根据具体需求来选择合适的方法进行处理,确保用户输入的数据在后续处理和展示中能够正确无误。

    BootStrap表单控件之文本域textarea

    表单控件——文本域textarea&lt;/title&gt; &lt;!-- 最新版本的 Bootstrap 核心 CSS 文件 --&gt; &lt;link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css

    关于textarea提交的内容无法换行的解决办法

    这段代码首先通过 `getElementById` 方法获取 `textarea` 的值,然后使用正则表达式 `/\\n/g` 来匹配所有的 `\n` 字符,并用 `&lt;br /&gt;` 替换它们。`g` 是全局标志,表示替换所有匹配项,而不仅仅是第一个。最后,将...

    使用Js让Html中特殊字符不被转义

    之间包含有类似的这种转义字符的时候总会被解析,倒是可以把所有的”&”通过程序替换成”&”,但是有些本来就是”&”的也会被转换,这就错了。怎么让&lt;textarea&gt;&lt;/textarea&gt;之间包含的文本原封不动的显示...

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

    &lt;&#37;@ page language=java contentType=text/html; charset=utf-8 pageEncoding=utf-8%&gt; &lt;!DOCTYPE html PUBLIC -//W3C//DTD HTML 4.01 Transitional//EN http://www.w3.org/TR/html4/loose.dtd&gt; &lt;...

    css笔记课程笔记2019,5,22

    * 把div和p标签设置成相同的样式,把不同的标签设置成相同的样式 * div,p { background-color: orange; } (3)伪元素选择器(了解,浏览器的兼容性比较差) * css里面提供了一些定义好的样式,可以拿过来使用...

    JQuery操作textarea,input,select,checkbox方法

    今天学习怎样用JQuery编写一些小的代码,小小的试了一下编写一个textarea,代码如下: &lt;!DOCTYPE HTML&gt; &lt;html lang="en"&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;&lt;/title&gt; &lt;...

    一个JavaScript处理textarea中的字符成每一行实例

    每天一个JavaScript实例-处理textarea中的字符成每一行&lt;/title&gt; [removed] function clicka(){ console.log(aaa); var aa = document.getElementById(text); var lines = aa.value.split(\n);

    java swt中TextArea的自动换行代码

    用java swing的JTextArea很容易实现自动换行,但用Textarea却很难实现换行,所以发到网上供大家参考,大家一起学习学习!!!

    PHP获取表单textarea数据中的换行问题

    5. str_replace()函数可以用来替换字符串中的特定字符或子字符串。 6. 在某些情况下,直接在文本中插入HTML标签可能需要谨慎处理,以避免文本显示错误。 通过这些知识点,开发者可以更好地理解和处理在Web开发中,...

    关于textarea文本转为html即回车换行

    需要注意的是,在ASP.NET的例子中,由于字符串`"\r\n"`和`"&lt;/br&gt;"`之间的差异,使用`Replace`方法时,`\r\n`被替换成了`&lt;/br&gt;`,而不是标准的`&lt;br&gt;`标签。这可能会导致显示问题。正确的做法应该是: ```asp.net ...

Global site tag (gtag.js) - Google Analytics