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

我的项目中有一个预览和编辑按钮。当我单击“编辑”时，编辑器将显示并预览隐藏，反之亦然。如何在div或其他地方创建summernote angularjs编辑器数据的预览，编辑器内容可能包括图像。在创建类似帖子的问题或答案时，会显示类似堆栈溢出的图像。怎么做。有人能帮我吗

<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>

保存
{{content}}

此处的预览显示类似于预览的代码。但是我需要显示类似段落的文本和图像，它们将以某种格式显示（具有类似代码的外观），而不显示图像。如何在预览中显示图像和内容

    <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>

---

添加ng bind html=“expression | filter”和ngSanitize模块解决了我的问题

我很困惑你到底在问什么。请您尝试重新审视您的问题，添加更多代码（如果有），并尝试对您的问题进行更具体的说明。谢谢，祝你好运@wdanda，谢谢你的回复。我想预览summernote的内容。像堆栈溢出显示。（当我们创建一个问题时，预览将显示到编辑器）。但我需要预览应该显示，当我单击预览按钮时。我已经更新了问题。请查收

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