如何让HTML的TEXTAREA显示带格式的文本
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了如何让HTML的TEXTAREA显示带格式的文本相关的知识，希望对你有一定的参考价值。
参考技术A 找个富文本框可以实现这个效果。textarea只能显示基础的换行和空格。其它的格式就无能为力了！ 参考技术B 每一个TextBox控件中文本都是同一格式的，可能通过ForeColor等实现，我想你也知道，就不说了 参考技术C 建议用pre试试，不行的话，在往pre里加些样式。 参考技术D 做不到，但是可以用ifram来代替用TextBox实现给你个简单例子
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
<title>无标题页</title>
</head>
<body>
<form id="form1" runat="server">
<div>
<select id="Select2" onchange="formatfont(edit,'fontsize',this[this.selectedIndex].value) ">
<option selected="selected" value="1">1</option>
<option value="2">2</option>
</select>
<select id="Select1" onchange="formatfont(edit,'fontname',this[this.selectedIndex].value) ">
<option selected="selected" value="宋体">宋体</option>
<option value="黑体">黑体</option>
</select>
<iframe name="edit" width="300" height="200" frameborder=1 onblur="chang()"></iframe>
<input id="Button1" type="button" value="粗体" onclick="format(edit,'cut','')" />
<input id="Button3" type="button" value="头像" onclick="face(1)" />
<input id="WebEditor1" runat="server" name="WebEditor1" type="hidden" value="" />
<asp:Button ID="Button2" runat="server" OnClick="Button2_Click" Text="提交" />
<script>
edit.document.designMode="on";
function formatfont(idEdit,what,font)
idEdit.focus();
idEdit.document.execCommand(what,false,font)
function format(idEdit,what)
idEdit.focus();
idEdit.document.execCommand(what,false,null)
function chang()
document.getElementById('WebEditor1').value = edit.document.body.innerHTML;
function face(i)
edit.document.body.innerHTML+="<img src='face/emot"+i+".gif' />"
</script>
</div>
</form>
</body>
</html>本回答被提问者采纳 第5个回答 2008-02-15 做不到
如何让textarea的高度自适应
参考技术A HTML网页中textarea的高度自适应怎么实现方法： 方法步骤： 1、【实例名称】 textarea自适应文字行数 2、【实例描述】 textarea是HTML中的文本元素，可实现文字的多行输入，也可以控制行数和列数。本例学习如何让textarea根据用户的输人文本以上是关于如何让HTML的TEXTAREA显示带格式的文本的主要内容，如果未能解决你的问题，请参考以下文章