<textarea id="xyx"...如何支持图片显示?

发布网友发布时间：2024-10-01 21:11

共5个回答

热心网友时间：2024-11-20 20:38

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>

执行看看，呵呵，里面就可以插入图片了。

热心网友时间：2024-11-20 20:30

在那里面添加背景

<textarea id="ttt" background=图片.jpg' cols="114"style="width: 335px;height: 172px;overflow:AUTO" >

绝对可以了..

热心网友时间：2024-11-20 20:31

<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>

热心网友时间：2024-11-20 20:38

<textarea>里只能显示文字，不能显示图片，如果要图片加进去，需要做额外的处理，如，做成背景等

热心网友时间：2024-11-20 20:34

可以设计成背景
<textarea style="background:url(图片名字.jpg)" name="textarea" cols="114" id="ttt"style="width: 335px;height: 172px;overflow:AUTO" >fff
文本域要图文混排
似乎很难做到
除非用层来做
不过这就没什么意思了

&lt;textarea id="xyx"...如何支持图片显示?

<textarea id="xyx"...如何支持图片显示?