<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
文本域要图文混排
似乎很难做到
除非用层来做
不过这就没什么意思了