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