文本區域中的顏色值

Question

我想用從Django應用程序中的Ajax請求獲得的列表中的值填充文本區域。 這是返回的列表

{"listforeign": ["t", "t", "t", "g", "g", "g", "o"]}

這是文本區域。

<textarea rows="10" name="BaseP" id="id_BaseP" placeholder="Paste text here ..."
 cols="40" class="textarea">

問題是

1. 將listforeign中的值追加到文本區域中。

2. 元素“ o”應為紅色

有什么幫助嗎？

Answer 1

textarea元素中的所有文本將以相同的顏色，字體等呈現。您不能以不同的方式設置字符或單詞等的樣式。

作為替代方案，請嘗試使用contentEditable DIV，並在具有定義的文本顏色的范圍內使用o 。

文件： https ： //developer.mozilla.org/en-US/docs/HTML/Content_Editable

Answer 2

問題一：

要將值附加到文本區域，請使用jQuery中的.val() -函數。

來自jQuery中textarea的Set值 ：

$("textarea#id_BaseP").val(json);

要解析您擁有的JSON，請使用JavaScript的JSON-parser。 從http://www.json.org/js.html ：

var myObject = JSON.parse(myJSONtext)

創建的對象具有JSON數據作為其字段。