怎么让百度富文本编辑器的内容可以带编辑器中的格式显示在页面中

Question

如图，现在页面显示是这样的效果，这个的话我怎么让文本按照我之前在富文本中的格式显示在页面中，而不是现在这样带着html标签显示

Answer 1

你使用的是angular.js吧，angular.js的ng-bind-html有默认安全规则，会过滤掉所有的内联样式，如果你需要显示内联样式的话，可以自己定义一个过滤器，如：

// 过滤器，解决ng-bind-html过滤style样式问题
app.filter('to_trusted', ['$sce', function ($sce) {
    return function (text) {
        return $sce.trustAsHtml(text);
    };
}]);

使用：

<div ng-bind-html="info | to_trusted"></div>

Answer 2

像“<”,">"这样的符号需要HTML反转义。

EscapeHtml:function (str) {
                    var arrEntities={'lt':'<','gt':'>','nbsp':' ','amp':'&','quot':'"'};
                    return str.replace(/&(lt|gt|nbsp|amp|quot);/ig,function(all,t){return arrEntities[t];});}

或者在页面弄个隐藏域先把后台拿过来的值赋值给它，让浏览器自己解析后再通过js jq拿值，再赋值给文本编辑器。