问答文章1 问答文章501 问答文章1001 问答文章1501 问答文章2001 问答文章2501 问答文章3001 问答文章3501 问答文章4001 问答文章4501 问答文章5001 问答文章5501 问答文章6001 问答文章6501 问答文章7001 问答文章7501 问答文章8001 问答文章8501 问答文章9001 问答文章9501

<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
文本域要图文混排
似乎很难做到
除非用层来做
不过这就没什么意思了
声明声明:本网页内容为用户发布,旨在传播知识,不代表本网认同其观点,若有侵权等问题请及时与本网联系,我们将在第一时间删除处理。E-MAIL:11247931@qq.com
巴西龟最长活多久,家养!!! 养胃的药最好的是什么啊 婴儿积食发烧不愿吃药怎么办 板门穴位在哪个部位 手机设置放偷看的方法? 凝结水回收器生产厂家? 个人账户养老金预测公式:现有5万元,缴费20年,能领多少钱? 临沂比较有名的男装品牌 呼伦贝尔市悦动网络科技有限公司怎么样? 呼伦贝尔中汇实业有限公司怎么样? ...完成1~4题.亚洲在各大洲中( )A.跨经纬度最广B.人口最多,面积最大... 亚洲是世界上( ) A.地势最低的大洲 B.跨经度最广的大洲 C.东西距离最... ...的大洲的特点是( ) A.跨经度最广 B.跨纬度最广 C.地势最高 D.地势... 美团借款说要外访是真的吗? 有哪些熬夜也要看的经典美剧推荐 把水煮牛蛙做得好吃的诀窍有哪些? 为什么网上没有创维216WTGY这个型号的冰箱 etf买卖是什么意思? 本人13届新生,学的专业是测控技术与仪器,目标是高级软件工程师,但不知... 学校让选专业拓展课,我学的是测控技术与仪器,课程有自动显示仪器,电子... 快波播放器接受完影片后为什么突然自动间断??然后任务栏里的所接受... 千万别学测控技术与仪器专业为什么 能做什么工作 测控技术与仪器专业的研究生出来好找工作吗? 我是学测控技术与仪器的的,我想考南京航空大学的研究生 快波播放器看电影后都保存在c盘 能保存在别的盘吗 国债期货开户门槛有哪些?可以详细解释一下吗? 什么是500ETF(159922) 小米电视机哪个品牌质量最好 小米电视L55M5- AD好用吗? 如何将jpg格式的图片转换成gif格式的图片呢?? ...的是( )A.跨经度最广的大洲B.跨纬度最广的大洲C.全部在北半球D.全... 老人没立遗嘱房子如何分配? 南极洲在七大洲中跨( ) A.经度最广 B.纬度最广 C.干湿地区最广 D... ...A.是世界上面积最小的洲,也是跨经度最广的洲B.是世界上海拔最高... 淘宝店铺不回信息怎么办? 如何在固态硬盘安装完成后再装原来的机械硬盘? 卖家一直不回复买家怎么办? 买固态硬盘,把机械盘装到光驱,重装系统后,以前def盘资料还有吗? 请问一下,为什么我的玩游戏多开,一切换过去另一个用户这个用户就悼线... ...出来:建筑模型轮廓线的坐标绝对值过大,怎么解决? 我的电脑只能开一个账户,第二个账户一切换就掉线是怎么回事啊? 同一游戏为什么别的电脑可以上二个帐号,我的电脑上第二个号时前一个就... ...台电脑的时候正常上网,可是连另一台的时候两个就掉线了,猫的工作是... 相互喜欢,可不合适,能在一起吗? 求迪斯尼动画花木兰电影下载地址,要中英双字的。实在不行就英语原声的... 我的电脑安装了双网卡,连接的是两个局域网,为什么登录其中一个局域网... 为什么同一个局域网内,我的电脑上网后其它电脑就陆续掉线? 有些人只适合喜欢真的不适合在一起大家觉得呢? 我梦见我们家死去的羊复活了,它好象被我朋友吓了一下,流产呢,它很难过... 显卡3D设置里面有 2x 4x 8x 16x 我应该选那个(3G显卡是GT555M 四核 八...