将textarea文本域用可编辑的div来代替

将contenteditable设置为true后可将div模拟成textarea

<div id="" class="" contenteditable="true"></div>

然后就可以根据需求改变文本中个别字体的样式了

相关JavaScript代码

		var arr_correct_split = data_try.correct_result_split;var arr_original_split = data_try.original_text_split;var str_res = "";for (var i in arr_correct_split){// alert("this is "+ i);for (var j in arr_correct_split[i]){// alert(arr_correct_split[i][j]);if (arr_correct_split[i][j] == arr_original_split[i][j]){str_res+=arr_correct_split[i][j];}else {str_res+="<span style='background-color: yellow;color: red'>"+arr_correct_split[i][j]+"</span>";}
}

效果显示

参考链接

textarea怎么部分字体变颜色