tạo mã nguồn html css bởi góc javascript hoặc bất cứ điều gì khác

Question

tôi xây dựng một kéo & phát Layout thả HTML sử dụng Angular.js. Bây giờ tôi muốn lưu HTML được tạo ra, mã nguồn CSS loại bỏ mã angular.js khỏi chỉ thiết kế. Là giải pháp nào của họ để tạo HTML, mã CSS bằng angular.js?

Answer 1

Ở đây bạn có thể sử dụng jquery để có được html của bạn như là

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

Hủy bỏ thêm thẻ bằng cách

//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'); 

này sạch html của bạn và nhận được tất cả html

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

và cuối cùng lưu điều này bằng cách sử dụng https://github.com/eligrey/FileSaver.js

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

thêm chức năng

//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; 
}; 

Tôi nghĩ rằng đây sẽ giúp bạn.