在html中的文本區域中自動着色

-5

我正在嘗試編寫代碼。只是一個簡單的。想知道我怎麼能風格<textarea>內的文本，無需使用<span class="function"></span>例如因爲文本是不斷更新的.. 使用純（JavaScript或CSS）（無jQuery的或庫請）感謝您的意見在html中的文本區域中自動着色

你到目前爲止試過了什麼？你可以添加你的代碼嗎？ –

不要重新發明車輪。這可能比你想象的要困難得多。谷歌的語法熒光筆有很多，你可以通過包含一個腳本來實現。 –

嘗試https://highlightjs.org/ – Mayank

-1

在你的CSS將這個：

textarea { 
    font-family: arial; 
}

您可以更改字體系列任何你想要

2016-01-20 13:32:23

textarea支持oninput事件，每次鍵入它時都會觸發。例如：

<textarea oninput="testFunction()"></textarea> 
<script> 
function testFunction() { 
    console.log("input has changed"); 
} 
</script>

這應該會讓您在編寫所需的vanilla JS代碼方面領先一步。

2016-01-20 13:40:24

非常感謝你！欣賞它..不知道爲什麼這些人有這麼多的仇恨！ –

@ItachiSama它不是討厭的，它的思想是，問題不應該太寬泛，太抽象。由於社區是自我管理的，所以當你問精確的問題時，其他人會很欣賞，比如「這是我的代碼，我做錯了什麼？」 –

這真的是一個建議，我應該踩在哪裏..就像閱讀這個鏈接開始例如... –

你還試過嗎？

你可以做到這一點一樣方便，只需添加style="color: orange;在你<textarea>像這樣：

<textarea style="color: orange;"></textarea>

或者你可以在CSS像這樣添加：

textarea { 
    color: orange; 
}

你可以把它的風格是什麼永遠，你想要在css中的textarea { }。

2016-01-20 13:47:31 UnScope

回答