HTML中TextArea处理换行(jquery)

最新推荐文章于 2024-04-30 15:38:57 发布

转载最新推荐文章于 2024-04-30 15:38:57 发布 · 909 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：https://my.oschina.net/pangyangyang/blog/90385

文章标签：

#javascript #ViewUI

本文介绍了一种在jQuery中处理TextArea中文本的方法，特别是如何保留文本中的回车符并避免JS注入，通过使用<pre>标签和转义特殊字符。

默认情况下jquery在处理textArea中文本时是会忽略掉回车符的，为了保留回车符选择使用<pre></pre>标签嵌套textArea中的内容，同时替换掉‘<’和'>'避免js注入。

function clickFn()
{
var value = $('#textArea').val(); //获取textArea中的文字
value = value.replace(/</g, '<').replace(/>/g, '>');//替换'<'，'>'
var html = '<pre>' + value + '</pre>'; //创建pre元素
$(html).appendTo($('#result')); //添加的目标位置
};

转载于:https://my.oschina.net/pangyangyang/blog/90385