Javascript使用textarea改變字體顏色

有沒有辦法給下面的對象添加不同的顏色......當我輸出到textarea時，我所做的方式不起作用。Javascript使用textarea改變字體顏色

//Print out InputTextToSave 10 
       document.getElementById('inputTextToSave10').innerHTML= 
       "Name" + "\n" + studentname.fontcolor("red").bold() 
       + "Number " + studentnumber.fontcolor("blue").bold(); 

<textarea id="inputTextToSave10" style="width: 1300px; height: 857px; 
background-color: #333333; font-family: Arial; font-size: small; font- 
weight: normal; color: #FFFFFF;"></textarea>

來源

2017-09-01 Alexa Atna

Alexa，你不能在同一個textarea中使用不同的顏色。 – Viktor

什麼是studentname和studentnumber？你說它不起作用。你有錯誤嗎？ – Adelin

類似的帖子 - https://stackoverflow.com/questions/37139076/change-color-of-specific-words-in-textarea –

.textarea_type_div{ 
 
    width: 1300px; 
 
    height: 857px; 
 
    background-color: #333333; 
 
    font-family: Arial; font-size: small; 
 
    font-weight: normal; 
 
    color: #FFFFFF; 
 
} 
 

 
.textarea_type_div .studentname{ 
 
    font-weight:bold; 
 
    color:red; 
 
} 
 

 
.textarea_type_div .studentnumber{ 
 
    font-weight:bold; 
 
    color:blue; 
 
}

<div class="textarea_type_div" contenteditable="true"> 
 
    <span class="studentname">Student Name</span> 
 
    <span class="studentnumber">Student Number</span> 
 
</div>

相反的textarea你可以做一個div並給予div屬性稱爲contenteditable="true"和您可以編寫和修改文字顏色，根據自己的需要。

你可以參考這個link for more help

而且，你可以用文本編輯插件，如The Yahoo RTE，the FCKEditor和the Lightweight RTE。

希望這會有所幫助。

來源

2017-09-01 06:54:37

Javascript使用textarea改變字體顏色

回答

相關問題