Trong hướng dẫn này, bạn sẽ học cách hiển thị HTML trong Blade với Laravel 8. Tôi giả sử, bạn có kiến ​​thức cơ bản về PHP và laravel. Chúng tôi sẽ tạo một mẫu lưỡi dao mẫu và hiển thị HTML

Công cụ mẫu Blade là gì

Các mẫu Blade có thể được sử dụng cho giao diện người dùng của bạn bằng cách sử dụng Laravel, một khung công tác PHP tuyệt vời

Blade là một công cụ tạo khuôn mẫu mạnh mẽ có trong Laravel, cho phép người dùng sử dụng mã PHP tiêu chuẩn trong chế độ xem của họ

Các tệp chế độ xem phiến sử dụng phần mở rộng tệp .blade.php và được lưu trữ trong thư mục resources/views

điều kiện tiên quyết

Một ứng dụng Laravel đang hoạt động, nếu không, vui lòng tạo một ứng dụng laravel mới và chạy máy chủ

Hiển thị HTML trong Laravel Blade Views

Bạn cần tạo tệp mẫu lưỡi cắt hello.blade.php trong thư mục resources/views

Mẫu phiến đang sử dụng cú pháp {{}} để truy cập một biến được xác định trong phương thức của bộ điều khiển

Đôi khi, bạn có thể có một chuỗi các thẻ/thành phần HTML được trả về từ cơ sở dữ liệu hoặc nguồn của bên thứ 3 và bạn muốn kết xuất nó trong Laravel Blade. Nếu sử dụng dấu ngoặc nhọn "{{ $content }}" để xuất nó, nó sẽ được hiển thị dưới dạng chuỗi chứ không phải HTML. Hành vi này xảy ra vì Laravel theo mặc định thoát khỏi giá trị khi sử dụng cú pháp

{{ $content }}

Để hiển thị HTML thô, bạn sẽ phải giải phóng nó và để làm điều đó, bạn có thể sử dụng cú pháp sau

{!! $renderHTMLContent !!}

Theo mặc định, sử dụng cú pháp ở trên sẽ tự động bỏ qua bất kỳ giá trị nào bằng cách sử dụng hàm "htmlspecialchars" của PHP nhưng hãy đảm bảo xác thực dữ liệu nếu người dùng nhập vào. Đằng sau khung cảnh, mẫu đã biên dịch trông giống như bên dưới

Laravel Blade tự động thoát các thẻ HTML nếu bạn kết xuất nội dung bằng dấu ngoặc kép ({{ .. }}). Blade sử dụng hàm PHP gốc htmlspecialchars() để làm như vậy

Đây là một điều tốt, bởi vì nếu người dùng nhập HTML hợp lệ, Blade đảm bảo rằng điều này sẽ không được hiển thị dưới dạng HTML thực (hoặc JavaScript có hại hơn). Thay vào đó, nội dung được hiển thị dưới dạng văn bản thông thường, do đó ngăn chặn tập lệnh chéo trang

Tuy nhiên, trong một số trường hợp nhất định, bạn muốn có thể kết xuất HTML bằng cách sử dụng phiến. Khi bạn biết bạn đang làm gì. Trong những trường hợp như vậy, chúng ta không nên sử dụng cú pháp dấu ngoặc kép, mà thay vào đó là {!! .. !!}

Blade là một công cụ tạo khuôn mẫu rất mạnh được cung cấp cùng với Laravel, không hạn chế người dùng sử dụng mã PHP đơn giản trong chế độ xem của họ

Các tệp xem dạng phiến sử dụng. lưỡi. php và thường được lưu trữ trong thư mục tài nguyên/lượt xem

Trong hướng dẫn này, bạn sẽ học cách hiển thị HTML trong Blade với Laravel 8

điều kiện tiên quyết

Nếu bạn chưa cài đặt và chạy ứng dụng Laravel, tôi khuyên bạn nên sử dụng DigitialOcean Ubuntu Droplet. Bạn có thể sử dụng mã liên kết của tôi để nhận khoản tín dụng DigitalOcean trị giá 100 đô la miễn phí để khởi động máy chủ của riêng bạn

Nếu bạn chưa có, bạn có thể làm theo các bước từ hướng dẫn này về cách thực hiện điều đó

• Cách cài đặt Laravel trên DigitalOcean với 1 cú nhấp chuột

Hoặc bạn có thể sử dụng tập lệnh tuyệt vời này để thực hiện cài đặt

• larabuồm

Hiển thị HTML trong Laravel Blade Views

Trước tiên, bạn cần đảm bảo rằng tệp của mình sử dụng phần mở rộng tệp .blade.php và nằm trong thư mục resources/views. Nó sẽ trông giống như thế này

🤩 Nhà tài trợ tuyệt vời của chúng tôi 👇

Xem trang web

Xem trang web

Xem trang web

Theo mặc định, bạn sẽ sử dụng cú pháp sau {{ $some_variable }} để lặp lại nội dung của một biến cụ thể trong Blade. Theo mặc định, {{ }} thoát khỏi các thẻ HTML

Vì vậy, giả sử rằng bạn có một bài đăng trên blog với bộ sưu tập $post có một số thành phần HTML trong thuộc tính body, nếu bạn sử dụng như sau

<div>{{ $post->body }}</div>

Tất cả các thẻ HTML sẽ không được hiển thị dưới dạng HTML mà là văn bản thuần túy

Nếu bạn không muốn các thẻ HTML của mình bị thoát thì bạn nên sử dụng {!! !!} như thế này

<div>{!! $post->body !!}</div>

đầu ra

Nếu bạn in ra cả hai và kiểm tra nguồn trang, bạn sẽ thấy đầu ra sau

<h1>Hello DevDojo</h1>
<h1>Hello DevDojo</h1>

Trong trường hợp đầu tiên, bạn có thể thấy các phần tử HTML đã được thoát như thế nào và trong trường hợp thứ hai khi chúng tôi sử dụng {!! !!}, chúng tôi đã nhận được các thẻ HTML thực tế

Sẽ an toàn hơn khi sử dụng {{ }} vì nó sẽ loại bỏ bất kỳ thẻ không mong muốn nào, nhưng vẫn có những lúc bạn có thể cần sử dụng {!! !!}

Làm cách nào để hiển thị tệp HTML trong Laravel?

Làm cách nào để hiển thị HTML trong bộ điều khiển Laravel?