Làm thế nào để giải mã đối tượng HTML với tay lái

Question

Tôi đang sử dụng tay lái templating động cơ trên ứng dụng Tôi đang xây dựng để làm cho dữ liệu tôi nhận được từ máy chủ.

Tôi biết rằng nó thoát khỏi giá trị HTML theo mặc định và bạn phải sử dụng dấu ngoặc ba {{{text}}} để hiển thị text: <p>Example</p> để được hiển thị dưới dạng phần tử HTML.

Vấn đề là, tôi phải làm gì nếu dữ liệu tôi nhận được, bao gồm các thẻ HTML, đã trốn thoát?

Vì vậy, nếu tôi nhận được dữ liệu như:

text: <p>Example</p> 

Làm thế nào để buộc tay lái để dịch nó và làm cho nó dưới dạng HTML bình thường không?

Answer 1

Bạn phải giải mã nó trước, sau đó vượt qua nó để tay lái với dấu ngoặc ba. Tôi biết một mẹo nhỏ để giải mã các đối tượng html với jQuery:

// encoded is "<p>Example</p&gt" in your example 
var decoded = $('<textarea />').html(encoded).val(); 
// decoded should now return <p>Example</p> 

Answer 2

tay lái cung cấp người giúp đỡ và viết một helper tùy chỉnh như sau dưới Hanlebars_helpers.js

Handlebars.registerHelper('encodeMyString',function(inputData){ 
    return new Handlebars.SafeString(inputData); 
}); 

và sử dụng helper này trong .handlebar tập tin của bạn hoặc .hbs tệp như sau

{{encodeMyString myHTMLData}} 

Nếu không có sự trợ giúp của Jquery bạn có thể sử dụng nó bất kỳ nơi bên trong tay lái của bạn. Thậm chí bạn có thể sử dụng trình trợ giúp để truyền dữ liệu một mình và dữ liệu đó sẽ trả về dữ liệu với các thẻ được thêm vào và nối tiếp.