PTT數位生活區 / Ajax

Re: [ js ] textarea內的字體顏色

看板Ajax作者 (裝笑幃)時間17年前 (2007/11/26 20:23), 編輯推噓3(3推 0噓 9→)
留言12則, 2人參與, 最新討論串3/6 (看更多)
※ 引述《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
推
11/27 07:54, , 1F
呃，應該不是用 textarea 上面覆蓋一個 div 這個方法吧 :Q
11/27 07:54, 1F
→
11/27 07:55, , 2F
真正作法煩請參考樓上那篇
11/27 07:55, 2F
推
11/27 09:24, , 3F
你在網址列那邊輸入底下兩行...
11/27 09:24, 3F
→
11/27 09:25, , 4F
javascript:alert(document.getElementById('src').value);
11/27 09:25, 4F
→
11/27 09:25, , 5F
javascript:alert(document.getElementById('res').innerHTML
11/27 09:25, 5F
→
11/27 09:25, , 6F
稍微比對一下 你就會看到 res<div> 是有顏色的code
11/27 09:25, 6F
推
11/27 09:34, , 7F
那是間接的使用alert看到內容, 我底下貼直接看到方法
11/27 09:34, 7F
→
11/27 09:35, , 8F
document.getElementById('src').style.color = 'black';
11/27 09:35, 8F
→
11/27 09:35, , 9F
document.getElementById('src').style.lineHeight = '50px';
11/27 09:35, 9F
→
11/27 09:36, , 10F
document.getElementById('src').style.opacity = 1;
11/27 09:36, 10F
→
11/27 09:36, , 11F
上面三個請自行加上 javascript:
11/27 09:36, 11F
→
11/27 09:36, , 12F
以上我想表達的是 那是textarea 上面覆蓋 div...
11/27 09:36, 12F
‣ 更多 wxyy 的文章
文章代碼(AID): #17Ihgux1 (Ajax)
Ajax 近期熱門文章
更多 近期熱門文章 >>
PTT數位生活區 即時熱門文章
更多 即時熱門文章 >>
‣ 更多 wxyy 的文章
文章代碼(AID): #17Ihgux1 (Ajax)