<textarea id="xyx"...如何支持图片显示？
<textareaid="ttt"cols="114"style="width:335px;height:172px;overflow:AUTO"></textarea>...
<textarea id="ttt" cols="114"style="width: 335px;height: 172px;overflow:AUTO" ></textarea>
中显示文字是可以的，但显示图片却出错。
请问：如何让此文本框支持显示图片(即显示<img src=ggg.gif>的图片)呢？
希望写出代码，非常感谢。
不能设成背景，因为图片和文本应该是混排的。 展开
中显示文字是可以的，但显示图片却出错。
请问：如何让此文本框支持显示图片(即显示<img src=ggg.gif>的图片)呢？
希望写出代码，非常感谢。
不能设成背景，因为图片和文本应该是混排的。 展开
展开全部
textarea标签是不能加进图片的，而一定要显示图片，则就像楼上的朋友们所说的，用背景图片的方式。
我想楼主问这个问题，实际上是想做成像那些在线编辑器一样的功能，对吧？
比如ewbeditor，这个编辑器就很强大了，可以插入图片，插入FLASH等。。。
它的那个编辑框，看上去像是个textarea标签，而实际上，并不是这样哦。
实际上这种编辑框是由iframe来做的。
决定iframe有编辑功能的主要是这句代码：document.designMode='on'
如果='off'则表示关闭编辑功能。
以下有一段简单的代码：
<body onload="edit.document.designMode='on'">
<IFRAME id=edit marginWidth=0 marginHeight=0 src="about:blank" frameBorder=1 width="100%" height="100%"></IFRAME>
</body>
执行看看，呵呵，里面就可以插入图片了。
我想楼主问这个问题，实际上是想做成像那些在线编辑器一样的功能，对吧？
比如ewbeditor，这个编辑器就很强大了，可以插入图片，插入FLASH等。。。
它的那个编辑框，看上去像是个textarea标签，而实际上，并不是这样哦。
实际上这种编辑框是由iframe来做的。
决定iframe有编辑功能的主要是这句代码：document.designMode='on'
如果='off'则表示关闭编辑功能。
以下有一段简单的代码：
<body onload="edit.document.designMode='on'">
<IFRAME id=edit marginWidth=0 marginHeight=0 src="about:blank" frameBorder=1 width="100%" height="100%"></IFRAME>
</body>
执行看看，呵呵，里面就可以插入图片了。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
Storm代理
2023-07-25 广告
StormProxies是一家可靠的代理服务提供商，提供原生IP（住宅原生IP）和高匿名代理服务。以下是关于StormProxies的原生IP服务的一些信息：1. 住宅原生IP：StormProxies提供的住宅原生IP是指从真实的家庭或企...
点击进入详情页
本回答由Storm代理提供
展开全部
<textarea name="t" rows="20" cols="50"></textarea>
<script language="JavaScript">
var oTable = document.createElement("TABLE");
var oTBody = document.createElement("TBODY");
var oTR = document.createElement("TR");
var oTD = document.createElement("TD");
oTD.innerText = '无忧脚本';
oTR.appendChild(oTD);
oTBody.appendChild(oTR);
oTable.border = 1;
oTable.appendChild(oTBody);
t.appendChild(oTable);
</script>
<textarea id="test" rows="20" cols="50"></textarea>
<Script Language="JavaScript">
var oImg=document.createElement("IMG");
oImg.src="http://www.2yup.com/asp/images/asp_logo1.gif";
test.appendChild(oImg);
</Script>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<meta name="GENERATOR" content="Microsoft FrontPage 4.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<title>New Page 1</title>
</head>
<body>
<form name="form1">
<textarea name="t" rows="20" cols="50"></textarea>
<table id=otd border=1 cellspacing=1 width=68%><tr><td width=50%>11</td><td width=50%>12</td></tr><tr><td width=50%>21</td><td width=50%>22</td></tr></table>
<script language="JavaScript">
document.form1.t.appendChild(otd);
</script>
</form>
</body>
</html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<meta name="GENERATOR" content="Microsoft FrontPage 4.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<title>New Page 1</title>
</head>
<body>
<form name="form1">
<textarea name="t" rows="20" cols="50"></textarea>
<script language="JavaScript">
var oTable = document.createElement("TABLE");
var oTBody = document.createElement("TBODY");
var oTR = document.createElement("TR");
var oTD = document.createElement("TD");
var str='<table border=1 cellspacing=1 width=68%><tr><td width=50%>11</td><td width=50%>12</td></tr><tr><td width=50%>21</td><td width=50%>22</td></tr></table>';
var otd=document.createElement(str);
oTD.innerHTML= str;
oTR.appendChild(oTD);
oTBody.appendChild(oTR);
oTable.border = 1;
oTable.appendChild(oTBody);
form1.t.appendChild(oTable);
</script>
</form>
</body>
</html>
<script language="JavaScript">
var oTable = document.createElement("TABLE");
var oTBody = document.createElement("TBODY");
var oTR = document.createElement("TR");
var oTD = document.createElement("TD");
oTD.innerText = '无忧脚本';
oTR.appendChild(oTD);
oTBody.appendChild(oTR);
oTable.border = 1;
oTable.appendChild(oTBody);
t.appendChild(oTable);
</script>
<textarea id="test" rows="20" cols="50"></textarea>
<Script Language="JavaScript">
var oImg=document.createElement("IMG");
oImg.src="http://www.2yup.com/asp/images/asp_logo1.gif";
test.appendChild(oImg);
</Script>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<meta name="GENERATOR" content="Microsoft FrontPage 4.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<title>New Page 1</title>
</head>
<body>
<form name="form1">
<textarea name="t" rows="20" cols="50"></textarea>
<table id=otd border=1 cellspacing=1 width=68%><tr><td width=50%>11</td><td width=50%>12</td></tr><tr><td width=50%>21</td><td width=50%>22</td></tr></table>
<script language="JavaScript">
document.form1.t.appendChild(otd);
</script>
</form>
</body>
</html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<meta name="GENERATOR" content="Microsoft FrontPage 4.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<title>New Page 1</title>
</head>
<body>
<form name="form1">
<textarea name="t" rows="20" cols="50"></textarea>
<script language="JavaScript">
var oTable = document.createElement("TABLE");
var oTBody = document.createElement("TBODY");
var oTR = document.createElement("TR");
var oTD = document.createElement("TD");
var str='<table border=1 cellspacing=1 width=68%><tr><td width=50%>11</td><td width=50%>12</td></tr><tr><td width=50%>21</td><td width=50%>22</td></tr></table>';
var otd=document.createElement(str);
oTD.innerHTML= str;
oTR.appendChild(oTD);
oTBody.appendChild(oTR);
oTable.border = 1;
oTable.appendChild(oTBody);
form1.t.appendChild(oTable);
</script>
</form>
</body>
</html>
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
在那里面添加背景
<textarea id="ttt" background=图片.jpg' cols="114"style="width: 335px;height: 172px;overflow:AUTO" >
绝对可以了..
<textarea id="ttt" background=图片.jpg' cols="114"style="width: 335px;height: 172px;overflow:AUTO" >
绝对可以了..
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
可以设计成背景
<textarea style="background:url(图片名字.jpg)" name="textarea" cols="114" id="ttt"style="width: 335px;height: 172px;overflow:AUTO" >fff
文本域要图文混排
似乎很难做到
除非用层来做
不过这就没什么意思了
<textarea style="background:url(图片名字.jpg)" name="textarea" cols="114" id="ttt"style="width: 335px;height: 172px;overflow:AUTO" >fff
文本域要图文混排
似乎很难做到
除非用层来做
不过这就没什么意思了
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<textarea>里只能显示文字， 不能显示图片，如果要图片加进去，需要做额外的处理，如，做成背景等
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（5）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
