Hướng dẫn merge css into html online - hợp nhất css vào html trực tuyến

Hướng dẫn merge css into html online - hợp nhất css vào html trực tuyến

N. E • MOG • Ri • fi • er [\ ē-'mä-grə-, fī-ər \]-một tiện ích để thay đổi hoàn toàn bản chất hoặc sự xuất hiện của email HTML, đặc biệt. một cách đặc biệt tuyệt vời hoặc kỳ quáiƏ-,fī-Ər\] - a utility for changing completely the nature or appearance of HTML email, esp. in a particularly fantastic or bizarre manner

Tiện ích này được phát triển như một phần của các khoảng thời gian để giải quyết các vấn đề được đặt ra bởi một số ứng dụng email nhất định (cụ thể là Outlook 2007 và Google Gmail) khi nói đến cách họ xử lý kiểu dáng có trong email HTML. Như nhiều nhà phát triển và thiết kế web đã biết, một số ứng dụng email nhất định nổi tiếng với việc họ không hỗ trợ CSS. Mặc dù các nỗ lực đang được thực hiện để phát triển các tiêu chuẩn email chung, việc thực hiện vẫn là một cách tắt.

Vấn đề chính với các ứng dụng email không hợp tác là hầu hết có xu hướng chỉ liên quan đến CSS nội tuyến, loại bỏ tất cả các yếu tố và liên kết đến các kiểu dáng trong các yếu tố. Emogrifier giải quyết vấn đề này bằng cách chuyển đổi CSS thành các thuộc tính kiểu HTML nội tuyến trong mã của bạn.

Làm thế nào nó hoạt động

Emogrifier tự động truyền HTML của bạn bằng cách phân tích CSS của bạn và chèn các định nghĩa CSS của bạn vào các thẻ trong HTML của bạn dựa trên các bộ chọn CSS của bạn. Bạn có thể sử dụng biểu mẫu bên dưới để dán HTML hoặc CSS của mình hoặc nếu bạn nghiêng về mặt kỹ thuật hơn, bạn có thể tải xuống mã nguồn PHP từ GitHub và sử dụng nó trong các ứng dụng của riêng bạn.

Nhập mã của bạn

CSS:

HTML:

Hãy cẩn thận

  • MỚI: Emogrifier sẽ lấy các thuộc tính kiểu nội tuyến hiện có và sẽ lấy các khối từ HTML của bạn nhưng nó sẽ không lấy các tệp CSS được tham chiếu trong các phần tử (dù sao thì ứng dụng email sẽ bỏ qua các thẻ này, vậy tại sao lại để chúng trong HTML của bạn?). Emogrifier will grab existing inline style attributes and will grab