2009-07-09 86 views
6

是否有任何JS函數可以更改textarea中某些文本的顏色?Javascript - 更改textarea中某些文本的字體顏色

例如,blar {blar} blar,{blar},包括{}將變爲藍色。其他的詞將是空白的。換句話說,我需要的是一個可以改變{}中所有文本顏色的函數。

我已經做了一些研究,似乎大多數人都說它不能完成。但我看到了富文本編輯或那些有能力大膽或強調文字的編輯。必須有辦法做到這一點。

任何建議是值得歡迎的。

+0

retaggt,因爲「jtextarea」對於HTML或JavaScript都不存在。可能或想到Java Swing ...? – 2009-07-09 06:35:49

+0

請指定您用於查找文本的模式。你想以編程方式替換某種模式嗎? – 2010-01-11 11:55:06

回答

2

你不能使用textarea這樣做,本身。

但是,javascript是你的朋友。也許你應該看看幾個富文本編輯器的代碼。

您可以從lwrte開始,因爲它表示它的「輕量級」。另外,它寫在jQuery中,所以它會很容易被發現。 (我是一個jquery迷)。

希望幫助,

JRH

3

所見即所得的編輯器所使用的I幀,而不是文字區域。 Textareas很少可定製,因爲你所追求的是改變部分內容。你不能在textarea中添加標籤,這使得僅僅改變部分文本是不可能的。

如果你看看SO中的編輯器,你可以在textarea中編寫普通文本,然後在它下面的框中進行轉換,所以你會在文本框中看到asterix,但在下面的框中,它會轉換特殊字符通過與標籤重新編排。

如果您使用的是螢火蟲,您可以在編輯器內開始寫作,同時在預覽框中查看HTML。

8

沒有人提到過contentEditable?
只需製作一個contentEditable div並使用javascript來設計它。我建議您查看Dojo Toolkit's
它有一個Editor widget

其他資源:
Some contentEditable problems in IE.
How to use contentEditable with jQuery or without it.

+0

+1哦,酷套鏈接!通過書籤添加它們..謝謝! – jrharshath 2009-07-09 07:45:13

+0

btw,我發現'contentEditable'與FF2不兼容。失敗! :( – jrharshath 2009-09-10 10:35:39

+0

Are you sure?對我來說這似乎很奇怪 dojo編輯器小部件也適用於FF 2。 – 2009-09-10 23:16:32

0

我想你會需要使用JavaScript的它控制改變specifc文本顏色

問候

0

的許多事情,例如這個東西的execCommand方法,但一些Jquery所見即所得的編輯們這樣做!這怎麼可能?請參閱此編輯器lwrte