textarea的值并处理回车换行的方法
【摘要】 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(/<br\/>/g, "\n");
document.getElementById("Content").value = content;
【版权声明】本文为华为云社区用户原创内容,未经允许不得转载,如需转载请自行联系原作者进行授权。如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱:
cloudbbs@huaweicloud.com
- 点赞
- 收藏
- 关注作者
评论(0)