json - 在来自 JSON 的 HTML 中正确显示 \n \r

Question

我有一个从数据库中获取的字符串并使用 Servlet 从后端发送。servlet 构造 JSON 并将其发送给客户端

我使用这个函数来转义 JSON

public static String toHTML(String string){
        StringBuffer sb =  new StringBuffer();
                    for(int i=0;i<string.length();i++){
                            char ch=string.charAt(i);
                            switch(ch){
                            case '"':
                                    sb.append("\\\"");
                                    break;
                            case '\\':
                                    sb.append("\\\\");
                                    break;
                            case '\b':
                                    sb.append("\\b");
                                    break;
                            case '\f':
                                    sb.append("\\f");
                                    break;
                            case '\n':
                                    sb.append("\\n");
                                    break;
                            case '\r':
                                    sb.append("\\r");
                                    break;
                            case '\t':
                                    sb.append("\\t");
                                    break;
                            case '/':
                                    sb.append("\\/");
                                    break;
                            default:
                    //Reference: http://www.unicode.org/versions/Unicode5.1.0/
                                    if((ch>='\u0000' && ch<='\u001F') || (ch>='\u007F' && ch<='\u009F') || (ch>='\u2000' && ch<='\u20FF')){
                                            String ss=Integer.toHexString(ch);
                                            sb.append("\\u");
                                            for(int k=0;k<4-ss.length();k++){
                                                    sb.append('0');
                                            }
                                            sb.append(ss.toUpperCase());
                                    }
                                    else{
                                            sb.append(ch);
                                    }
                            }
                    }//for
                    return sb.toString();

    }

但是，一旦显示，我就会看到转义字符。例如“某事\r\n”。有什么建议么 ？

Answer 1

\r\n显然浏览器无法解释。替换\r\n为<br>，你得到了 HTML 中的换行符。相应地替换其他标签。

Answer 2

用于替换换行符的 JavaScript 函数

var nl2br = function(str, is_xhtml) {
    var breakTag = (is_xhtml || typeof is_xhtml === 'undefined') ? '<br />' : '<br>';
    return (str + '').replace(/([^>\r\n]?)(\r\n|\n\r|\r|\n)/g, '$1' + breakTag + '$2');
}

console.log(nl2br('asdf', false));     // asdf

console.log(nl2br('as\r\ndf', false)); // as<br>
                                       //
                                       // df

console.log(nl2br('as\n\rdf', true));​  // as<br />
                                       //
                                       // df