如何显示 summernote 编辑器数据的预览，包括 angularjs 中的图像和格式

Question

我的项目中有一个预览和编辑按钮。 当我单击编辑时，编辑器将显示和预览隐藏，反之亦然。 如何在div 或其他东西中创建 summernote angularjs 编辑器数据的预览，编辑器内容可能包括图像 .like 堆栈溢出显示，同时创建帖子喜欢问题或答案。 怎么做。谁能帮我？

<button class="btn btn-primary saveBtn" ng-click="saveContent()">Save</button>
<summernote id="editor" height="400" ng-model="content" on-image-upload="imageUpload(files)"></summernote>
<div class="preview" ng-show="item == 'preview'">
        {{content}}</div>

此处的预览显示的代码类似于<p>preview</p>。 但是我需要显示段落文本，图像将以某种格式（带有一些代码，如外观）显示，不显示图像。如何在预览中显示图像和内容。

Answer 1

    <button class="btn btn-primary saveBtn" ng-click="saveContent()">Save</button>
    <summernote id="editor" height="400" ng-model="content"></summernote>
    <div class="preview" ng-show="item == 'preview'">
        <div ng-bind-html="content| trusted"></div>
    </div>

受信任的过滤器

 angular.module('app.filters')
     .filter('trusted', function($sce){
        return function(html){
            return $sce.trustAsHtml(html)
        }
     })

添加ng-bind-html="expression |filter"以及ngSanitize模块解决了我的问题