文本区域中的颜色值

Question

我想在django应用程序中使用从Ajax请求获取的列表中的值填充文本区域。 这是返回的列表

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

这里是textarea。

<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

问题1：

要将值附加到textarea，请使用jQuery中的.val() - 函数。

来自Set value of textarea in jQuery：

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

要解析您拥有的JSON，请使用JavaScript的JSON解析器。来自http://www.json.org/js.html：

var myObject = JSON.parse(myJSONtext)

创建的对象将JSON数据作为其字段。