Erzeugung von HTML-CSS-Quellcode von angular Javascript oder irgendetwas anderes

Question

Ich baue einen Drag & Drop HTML-Layout-Generator mit Angular.js. Jetzt möchte ich generierten HTML, CSS-Quellcode speichern, der angular.js-Code nur aus dem Design entfernt. Ist ihre Lösung für die Generierung von HTML, CSS-Code mit angular.js?

Answer 1

Hier können Sie jQuery verwenden, um wie Ihre HTML zu erhalten, wie

var allContent = $('.page-content').clone(); 

auf diese Weise zusätzliche Markierung entfernen

//remove all angular class 
allContent.find("div[class^='ng-'],div[class*='ng-']").each(function() { 
    //check and remove class 
}); 

//remove all ng-model attribute ans so no 
allContent.find('*[ng-model]').removeAttr('ng-model'); 

Reinigen Sie Ihre html und erhalten Sie alle html

allContent.htmlClean(); 
var customPageContent = allContent.html(); 

und Schließlich speichern Sie dies mit https://github.com/eligrey/FileSaver.js

var blob = new Blob([customPageContent], { 
       type: "application/xhtml+xml;charset=charset=utf-8" 
      }); 
saveAs(blob, fileName + ".html"); 

Zusatzfunktion

//clear your html 
$.fn.htmlClean = function() { 
    this.contents().filter(function() { 
     if (this.nodeType != 3) { 
       $(this).htmlClean(); 
       return false; 
      } else { 
       this.textContent = $.trim(this.textContent); 
       return !/\S/.test(this.nodeValue); 
      } 
     }).remove(); 
     return this; 
}; 

Ich denke, das wird Ihnen helfen.