Làm tổ sáng bóng liên kết trong một đoạn có khoảng trắng không mong muốn

Question

Tôi đang tạo ứng dụng Sáng bóng với một số HTML được tạo động, bao gồm liên kết ở giữa câu. Thật không may nếu tôi sử dụng các chức năng tags để làm điều này, mọi phần tử đều có khoảng trống xung quanh nó cho dù tôi có muốn hay không.

Ví dụ, nếu tôi muốn viết

Đây là favorite link ever của tôi!

Người ta có thể nghĩ rằng bạn có thể làm điều này

p('This is my ', a(href = 'https://stackoverflow.com/', 'favorite link ever'), '!') 

Nhưng kết quả này trong mỗi phần tử là trên một dòng riêng biệt, mà theo spec HTML nghĩa là sẽ có một không gian render giữa mỗi.

<p> 
    This is my 
    <a href="https://stackoverflow.com/">favorite link ever</a> 
    ! 
</p> 

nào trông như thế này (lưu ý không gian trước dấu chấm than)

Đây là favorite link ever của tôi!

Tôi có phải sử dụng HTML(paste0(...)) để tạo HTML hoặc có một số kỹ thuật sử dụng các chức năng tags mà tôi đang thiếu không?

Cảm ơn ..

Answer 1

Tôi nghĩ bạn phải sử dụng dán. Nếu không lồng nhau sẽ không hoạt động như mong đợi.

div(p('hi'),p('what up'),p(HTML(paste0('This is my ',a(href = 'https://stackoverflow.com/', 'favorite link ever'),'!')))) 

Kết quả:

<div> 
    <p>hi</p> 
    <p>what up</p> 
    <p>This is my <a href="https://stackoverflow.com/">favorite link ever</a>!</p> 
</div> 

Bạn sẽ không muốn tất cả những người trên cùng một dòng.

Từ trợ giúp: Đối số được đặt tên trở thành thuộc tính và đối số vị trí sẽ trở thành trẻ em.

Sẽ phức tạp hơn nếu có đối số vị trí cũng đôi khi không phải là trẻ em; và có lẽ sẽ không đơn giản, linh hoạt và mạnh mẽ như chỉ xây dựng nó cho mình.