Błyszczące zagnieżdżanie łącza w akapicie ma niepożądaną białą przestrzeń.

Question

Buduję błyszczącą aplikację z dynamicznie generowanym kodem HTML, która zawiera łącze w środkowym zdaniu. Niestety, jeśli używam do tego funkcji tags, każdy element ma wokół niego przestrzeń, czy tego chcę, czy nie.

Na przykład, jeśli chciałem napisać

To mój favorite link ever!

Można by pomyśleć można zrobić to

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

Ale to powoduje każdego elementu będącego w osobnej linii, która według specyfikacji HTML oznacza, że ​​nie będzie miejsca świadczonych między sobą.

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

Która wygląda następująco (zauważ przestrzeń przed wykrzyknikiem)

To mój favorite link ever!

Czy muszę uciekać się do korzystania HTML(paste0(...)) skonstruować mój HTML, czy jest jakiś technika używając tags funkcje, które mi brakuje?

Dzięki ..

Answer 1

Myślę, że trzeba użyć pasty. W przeciwnym razie zagnieżdżanie nie działa tak, jak powinno.

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

Wynik:

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

Nie chcesz tych wszystkich, na tej samej linii.

Z pomocy: Nazwane argumenty stają się atrybutami, a argumenty pozycyjne stają się dziećmi.

Bardziej złożona byłaby argumentacja pozycyjna, aby niekiedy nie być dziećmi; i prawdopodobnie nie byłby tak prosty, elastyczny i potężny, jak tylko sam go skonstruował.