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

举报
孙小北 发表于 2021/11/22 14:44:55 2021/11/22
【摘要】 textarea的值并处理回车换行的方法。在日常开发过程中,常常会遇到输入文本换行问题,很多后台编辑中的换行,在前台页面并不能很好的换行。然后又不至于用复杂的富文本编辑器。此时我们的思路便是通过转义进行变换换行符。$(document).keypress(function(e){ if (e.ctrlKey && e.which == 13 || e.which == 10 || e....

textarea的值并处理回车换行的方法。在日常开发过程中,常常会遇到输入文本换行问题,很多后台编辑中的换行,在前台页面并不能很好的换行。然后又不至于用复杂的富文本编辑器。此时我们的思路便是通过转义进行变换换行符。


$(document).keypress(function(e){
    if (e.ctrlKey && e.which == 13 || e.which == 10 || e.which == 13) {
         e.preventDefault();//屏蔽enter对系统作用。按后增加\n等换行
    }
});

原理:

textarea中的回车是用\n代替,html中是用<br/>代替的
所以在提交的时候需要将\n转换成 <br/>

存:

bsBulletin.Content = bsBulletin.Content.Replace("\n", "<br/>");


取:

//处理换行问题    
var content = '@Model.Content'.replace(/&lt;br\/&gt;/g, "\n");
document.getElementById("Content").value = content;

【版权声明】本文为华为云社区用户原创内容,未经允许不得转载,如需转载请自行联系原作者进行授权。如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱: cloudbbs@huaweicloud.com
  • 点赞
  • 收藏
  • 关注作者

评论(0

0/1000
抱歉,系统识别当前为高风险访问,暂不支持该操作

全部回复

上滑加载中

设置昵称

在此一键设置昵称,即可参与社区互动!

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。