为文本域（textarea）中的个别字体设置不同的样式

将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+=""+arr_correct_split[i][j]+"";
                }
}

效果显示

参考链接

textarea怎么部分字体变颜色