Comment afficher l'aperçu des données de l'éditeur Summernote, y compris les images et le format dans angularjs?

Question

J'ai un aperçu et éditer le bouton dans mon projet. quand je clique sur modifier, l'éditeur montrera et prévisualisera les peaux, viceversa. comment créer l'aperçu des données de l'éditeur de summernote angularjs dans un div ou quelque chose, le contenu de l'éditeur peut inclure les images .like empiler les débordements de la pile tout en créant post comme question ou réponse. comment faire. Est-ce que quelqu'un peut m'aider s'il vous plait ?

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

l'aperçu ici montre le code comme <p>preview</p>. mais je dois montrer comme le texte de paragraphe et l'image montrera dans un certain format (avec un certain aspect de code) qui n'affiche pas l'image. comment faire pour montrer l'image et le contenu dans l'aperçu.

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> 

confiance filtre

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

ajouter ng-bind-html = | avec le module ngSanitize "expression filtre" résolu mon problème