Tôi có một tập hợp các tệp html, chủ yếu là tĩnh, tôi muốn chuyển sang dự án node.js/express/jade của mình. Cách thích hợp để bao gồm tệp html hoặc đoạn mã trực tiếp trong ngọc là gì? Tôi không muốn dịch tập tin html hiện tại sang ngọc?Có cách nào để bao gồm tệp html hoặc đoạn mã trực tiếp bằng ngọc không?
Bạn sẽ có thể chỉ đơn giản là include it trong một mẫu ngọc bích:
Như đã đề cập
includecó thể được sử dụng để bao gồm những nội dung khác như html hoặc css. Bằng cách cung cấp phần mở rộng, Jade sẽ đọc tệp đó, áp dụng bất kỳ filter nào khớp với phần mở rộng của tệp và chèn nội dung đó vào đầu ra.
html
// ...
body
// ...
//- html files have no filter and are included verbatim
include content.html
Sử dụng :verbatim trước khi mã html chính xác hoặc đoạn mã trực tiếp trong ngọc bích.
doctype html
html(lang="en")
:verbatim
{% include head.html %}
body
:verbatim
{{ content }}
:verbatim
{% include footer.html %}
Output
<!DOCTYPE html>
<html lang="en">{% include head.html %}
<body>{{ content }}
</body>{% include footer.html %}
</html>
Bạn thật tuyệt vời khi biết: nguyên văn. Tôi không thể tìm thấy điều này trong tài liệu jade-lang.com, nhưng nó chắc chắn hoạt động. Đó là cách duy nhất hợp lý duy nhất tôi đã tìm thấy bao gồm các đoạn mã nhiều dòng và văn bản được định dạng trước khác trong Jade. – matty
Phiên bản nào: áp dụng nguyên văn để xin? Jade 1.11.0 không hiểu rằng tuyên bố –
Phiên bản mới của Jade, được đổi tên thành Pug, không hiểu: nguyên văn. – nomad
Trong file .jade của tôi, tôi đã phải làm một cái gì đó như thế này:
:verbatim
!{editorBody}
.. nơi editorBody được cung cấp qua res.render() gọi:
var editorBody = '<p>Hello</p>';
return res.render('user/user_profile', {editorBody : editorBody});
Phiên bản nào: áp dụng nguyên văn cho câu hỏi? Jade 1.11.0 không hiểu tuyên bố đó –
Điều này có nghĩa là bạn có thể nhập SVG thô vào đánh dấu Jade theo cách này không? – j0e
tôi không thấy lý do tại sao không –
Tôi vẫn thấy rằng thụt đầu dòng trên tệp html được bao gồm cần phải được định dạng chính xác. Lạ lùng nhưng đúng. –