在Javascript中从textarea中删除或隐藏html标记
我使用json检索了一个textarea的主体,但是由于之前设置了一些样式,文本似乎带有html标记在Javascript中从textarea中删除或隐藏html标记,javascript,html,json,textarea,Javascript,Html,Json,Textarea,我使用json检索了一个textarea的主体,但是由于之前设置了一些样式,文本似乎带有html标记 如果这些html标记不可见,我如何在新的文本区域中显示这些文本行?我不想完全摆脱它们,因为我仍然想保留样式以备将来使用。您需要从textarea的传入字符串中转义html标记。通过像/这样的正则表达式,您可以找到开始的html标记,通过/可以找到结束标记 以下是我的例子: HTML 这是html JavaScript var input=document.getElementById('in
如果这些html标记不可见,我如何在新的文本区域中显示这些文本行?我不想完全摆脱它们,因为我仍然想保留样式以备将来使用。您需要从textarea的传入字符串中转义html标记。通过像
/
这样的正则表达式,您可以找到开始的html标记,通过/
可以找到结束标记
以下是我的例子:
HTML
这是html
JavaScript
var input=document.getElementById('input'),
output=document.getElementById('output');
output.value=input.value.replace(//,'').replace(/,'');
居住在:
您可能希望使用以下正则表达式检测诸如/>
之类的结束标记:/\/(.\124;\ n)*?>/
textarea{宽度:100%;最小高度:75px}
这是html
这是html
这是html
去除
函数removeTags(){
var input=document.getElementById('input');
var output=document.getElementById('output');
output.value=input.value.replace(/(]+)>)/ig,“”;
}
移除标签();
是否希望此文本可编辑?请参考此[link][1]旧问题[1]:如果jQuery与您相关,则剥离HTML将变得微不足道。。只需将原始值存储为隐藏输入,并在textarea中显示时去除HTML。看见
<!DOCTYPE html>
<html>
<head>
<meta charset=utf-8 />
</head>
<body>
<textarea id="input">
<p>This is html</p>
</textarea>
<textarea id="output">
</textarea>
var input = document.getElementById('input'),
output = document.getElementById('output');
output.value = input.value.replace(/<(.|\n)*?>/, '').replace(/<\/(.|\n)*?>/, '');