Question

textarea里面输入html标签怎么按原样输出

Answer 1

1、录入以后再使用textarea编辑时与最初录入时不一致,还是说想要把标签解析后显示呢?如果是前一种情况,通常可以用后端脚本将HTML敏感字符转换为HTML实体字符。

2、比如<,>,&等字符，后一种情况用textarea是无法实现的,因该控件只能显示纯文本内容,如果想要显示解析后的网页元素,可以用其它元素模拟,比如DIV等。

3、<div contenteditable="true" id="t"></div>吧div加上contenteditable="true" 就会变成一个可编辑div，可以试试下面试试 鼠标放上去正常是和文本没区别 不过能加html标签div contenteditable="true" style="background:#000; color:#FFF; width:233px;height:233px;">

<span style="color:red;">233333</span>

<span style="color:green;">原谅绿</span>

aaaaaaaaaaaaaa

</div>

Answer 2

你指的原样输出是什么意思呢?是录入以后再使用textarea编辑时与最初录入时不一致,还是说想要把标签解析后显示呢?如果是前一种情况,通常可以用后端脚本将HTML敏感字符转换为HTML实体字符,比如<,>,&等字符.后一种情况用textarea是无法实现的,因该控件只能显示纯文本内容,如果想要显示解析后的网页元素,可以用其它元素模拟,比如DIV等.

追问

不是呀 我要在textarea里面输入很多标签比如1 ........然后我在下面设置一个div 当我光标移出texteara时 下面的div就会娴熟textarea里面原样的东西了

追答

在IE下,如果不考虑兼容性,可以直接将textarea.value赋值给div对象的innerText属性.
需要兼容的话,可以替换HTML敏感字符,比如
document.getElementById('DIV_ID').innerHTML=document.getElementById('TEXTAREA_ID').value.replace(/&/gi,'&').replace(//gi,'>');

追问

亲 我会了 直接用jqery $("#div").text($("#texarea").val()));就行了

Answer 3

楼主您好，你的意思是指在textarea标签里面的内容加CSS样式吗？其实是可以加进去的，用JS加的话IE会正常不过火狐会不兼容，可以使用JQ加。

追问

不是呀 我要在textarea里面输入很多标签比如1 ........然后我在下面设置一个div 当我光标移出texteara时 下面的div就会娴熟textarea里面原样的东西了

Answer 4

帮你顶下。

追问

我晕啊 我要回答不 不要顶呢

Answer 5

得用在线编辑器