Wie zeigt man die Vorschau von Summernote Editor Daten einschließlich Bildern und Format in angularjs?

Question

Ich habe eine Vorschau und Bearbeitungsschaltfläche in meinem Projekt. Wenn ich auf "Bearbeiten" klicke, wird der Editor einblenden und ausblenden, umgekehrt. Wie erstellt man die Vorschau von Summernote Angularjs Editor Daten in einem Div oder etwas, kann der Editor Inhalt die Bilder. wie Stapelüberlauf zeigt beim Erstellen Post wie Frage oder Antwort. wie es geht. Kann mir bitte jemand helfen?

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

die Vorschau zeigt dabei den Code wie <p>preview</p>. aber ich muss zeigen wie Absatztext und Bild wird in einem Format (mit etwas Code wie Aussehen) zeigen, die nicht das Bild zeigt. So zu tun, um das Bild und den Inhalt in der Vorschau zu zeigen.

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> 

vertrauenswürdiger Filter

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

Zugabe von ng-bind-html = "Ausdruck | Filter" zusammen mit ngSanitize Modul gelöst mein Problem