从JSON中正确显示HTML中的\ n \ r \ n

时间:2012-12-07 20:35:42

标签: json gwt html-encode

我从数据库中获取了一个String,并使用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”。 有什么建议吗?

2 个答案:

答案 0 :(得分:0)

\r\n显然是浏览器无法解释的。将\r\n替换为<br>,您就可以在HTML中获得换行符。相应地更换其他标签。

答案 1 :(得分:0)

替换换行符的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