developit / developit/htm

  isnt rendering in htm

Đang mở
#234 5 bình luận 4 reaction 0 người được giao Xem trên GitHub
Ngôn ngữ chính
JavaScript
Star
9k
Fork
181
Chỉ số merge pull request
Không có pull request nào được merge trong 30 ngày

Mô tả

When I have ` ` in htm, it's outputting as literally ` ` in the html.

I've seen some [similar questions for JSX](https://stackoverflow.com/questions/37909134/nbsp-jsx-not-working), but it seems that, even there, the space should render.

Is HTM's not rendering it as a non-breaking space intentional?

Here's a near-simplest case reproduction. Obviously the key is ``render(html`# #`, document.getElementById('root-element'));``. It comes out without a space.

```


Hello, Preact World!



window.render = window.preact.render;
window.html = window.htmPreact.html;

document.addEventListener('DOMContentLoaded', function () {
render(html`# #`, document.getElementById('root-element'));
});



```

![image](https://user-images.githubusercontent.com/104998366/210434911-13275b01-bfaf-46a6-9719-2e07e5d9eb77.png)

(Strangely, if I click "edit html" in Chrome (well, here, Brave), it shows that starts with `&` so, for whatever reason, that `&` is a literal `&` in the render..)

![image](https://user-images.githubusercontent.com/104998366/210435130-a32ce791-a5df-4c21-a2a3-1ad670e97223.png)

Hướng dẫn đóng góp

Mở hướng dẫn đóng góp

Hướng nghiên cứu

Bắt đầu với bản tái hiện độc lập trên trình duyệt bằng render(html`# #`, document.getElementById('root-element')) và entry point htmPreact.html được hiển thị trong issue. Kiểm tra cách output của template đi đến HTML đã render và so sánh với hành vi dấu cách không ngắt dòng ожидаित. Hoàn tất khi bản tái hiện hiển thị dấu cách không ngắt dòng thay vì entity nguyên văn.

Do mô hình lập chỉ mục viết ra từ nội dung của issue.

Đánh giá

Công nghệ
javascript
Lĩnh vực
frontend
Loại issue
Lỗi
Độ khó
3/5
Thời gian dự kiến
1-2 ngày
Mức độ hoạt động
Đình trệ
Độ rõ ràng
Đặc tả rõ ràng
Mức phù hợp với người mới
35/100

Nhận issue mới trong hộp thư của bạn

Bản tóm tắt ngắn những issue GitHub phù hợp với người mới.