作者wxyy (装笑帏)
看板Ajax
标题Re: [ js ] textarea内的字体颜色
时间Mon Nov 26 20:23:19 2007
※ 引述《aoc90058 (我是新警察Orz...)》之铭言:
: 我想对textarea中的"一部分"变更他的字体颜色
: 请问我该怎麽做呢?
: 因为找来找去都只有css对应到整个textarea的修改方法
: 但是我只想对应到他一部分而已...
: 其实我是想做到像
: http://www.codeide.com/
: highlight 功能
: 但是把他网站内处理js那边 我理出不出头绪Orz...
textarea无法上不同样的颜色,
这个做法是在textarea上面覆盖一个div...
所有的颜色是对div做处理....
有个简单的方式可以让你看出他作法...
https://www.squarefree.com/bookmarklets/webdevel.html
将第七个bookmark : zap style sheets, 新增到你的 书签里面去
http://www.codeide.com/js/editor/microeditor.htm
然後连结到这边来, 先打好几个字之後, 选一下刚刚新增的bookmark
你知道她处理的方式了...p.s.虽然没有颜色 你自己感觉一下就知道了
--
※ 发信站: 批踢踢实业坊(ptt.cc)
◆ From: 211.138.205.243
1F:推 gpmm:呃,应该不是用 textarea 上面覆盖一个 div 这个方法吧 :Q 11/27 07:54
2F:→ gpmm:真正作法烦请参考楼上那篇 11/27 07:55
3F:推 wxyy:你在网址列那边输入底下两行... 11/27 09:24
4F:→ wxyy:javascript:alert(document.getElementById('src').value); 11/27 09:25
5F:→ wxyy:javascript:alert(document.getElementById('res').innerHTML 11/27 09:25
6F:→ wxyy:稍微比对一下 你就会看到 res<div> 是有颜色的code 11/27 09:25
7F:推 wxyy:那是间接的使用alert看到内容, 我底下贴直接看到方法 11/27 09:34
8F:→ wxyy:document.getElementById('src').style.color = 'black'; 11/27 09:35
9F:→ wxyy:document.getElementById('src').style.lineHeight = '50px'; 11/27 09:35
10F:→ wxyy:document.getElementById('src').style.opacity = 1; 11/27 09:36
11F:→ wxyy:上面三个请自行加上 javascript: 11/27 09:36
12F:→ wxyy:以上我想表达的是 那是textarea 上面覆盖 div... 11/27 09:36