鍍金池/ 問答/HTML5  HTML/ 怎么讓百度富文本編輯器的內(nèi)容可以帶編輯器中的格式顯示在頁面中

怎么讓百度富文本編輯器的內(nèi)容可以帶編輯器中的格式顯示在頁面中

clipboard.png

如圖，現(xiàn)在頁面顯示是這樣的效果，這個的話我怎么讓文本按照我之前在富文本中的格式顯示在頁面中，而不是現(xiàn)在這樣帶著html標簽顯示

回答
編輯回答
老梗

你使用的是angular.js吧，angular.js的ng-bind-html有默認安全規(guī)則，會過濾掉所有的內(nèi)聯(lián)樣式，如果你需要顯示內(nèi)聯(lián)樣式的話，可以自己定義一個過濾器，如：

// 過濾器，解決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>
2017年1月31日 19:35