html string added in template form treated as string, not html
Personne n'a encore pris cette issue.
Évaluation
- Difficulté
- 4/5
- Temps estimé
- 3-5 jours
- Accessibilité débutants
- 42/100
- Type d'issue
- Fonctionnalité
- Clarté
- Plutôt claire
- Activité
- À l'abandon
- Stack technique
- javascript
- Domaine
- frontend
Piste de recherche
Reproduisez l’exemple Carousel fourni en utilisant le point d’entrée de template tagué html, en vous concentrant sur la différence entre le balisage littéral et les valeurs interpolées telles que ${mainImage} et ${minis}. Déterminez la sémantique d’interpolation attendue et ajoutez une couverture pour le résultat VDOM attendu ; le travail est terminé lorsque les chaînes HTML interpolées sont rendues comme du balisage sans nécessiter la création séparée d’un élément.
Rédigé par le modèle d'indexation à partir du texte de l'issue.
Description
function Carousel(props) {
let images = props.images.split(",");
images.map(image => image.trim());
let mainImage = `<img src="${images[0]}"></img>`;
let minis = "";
images.forEach(imageUrl => {
minis = minis.concat(`<img class="mini" src="${imageUrl}"></img>`)
})
console.log('a',images,minis)
console.log(html`
<div class="carousel">
<div class="main">
<img src="${images[0]}"></img>
${mainImage}
<p class="description">
Tro rilata fundamenta tabelvorto ik, o pre frazo iometo interalie. Dum otek iliard malsupera il, pro gh neigi gentonomo. Aliam multe poste ke bio, bo aha jeso samideano. Usono laŭlonge si kuo, ju apud anstataŭ ligvokalo ial, ikso tempo ut nur. Mo alta numeralo eks, timi pebi frazetvortigo no nen. Anti neniu tuj so, kapabl respondeci prepozitivo op fri.
</p>
</div>
<div class="minis">
${minis}
</div>
</div>
`)
}
specifically, notice these children:
<img src="${images[0]}"></img>
${mainImage}
Even though they're identical input, one is converted to a string child, one is converted to a vdom object.
This is pretty annoying. For something this small, I don't want to create a preact element. I find it weird that this option isn't available. Am I missing something? Why does htm not allow this to be parsed as html but insist on keeping it as a string?
- Langage dominant
- JavaScript
- Étoiles
- 9k
- Forks
- 181
- Métriques de merge des PR
- Aucune PR mergée en 30 j
Guide de contribution
Ouvrir le guide de contribution
Par où commencer
- Lisez l'issue en entier, puis le guide de contribution du projet.
- Signalez en commentaire que vous la prenez — cela évite que deux personnes fassent le même travail.
- Forkez le dépôt et travaillez sur une branche.
- Ouvrez une pull request qui référence le numéro de l'issue.
Autres issues de developit/htm
-
Sarthak Ouverte
Difficulté 5/5 Plus d'une semaine Accessibilité débutants 1/100
-
Tugas Ouverte
Difficulté 5/5 Plus d'une semaine Accessibilité débutants 10/100
-
Tugas Ouverte
Difficulté 5/5 Plus d'une semaine Accessibilité débutants 1/100
-
type checking templates Ouverte
Difficulté 5/5 Plus d'une semaine Accessibilité débutants 20/100
-
Difficulté 2/5 1-3 heures Accessibilité débutants 35/100
Toutes les issues de developit/htm
Issues similaires
-
bug confirmed issue
Difficulté 2/5 1-3 heures Accessibilité débutants 75/100
open-webui/open-webui#30750 · 1 commentaire ·
-
Difficulté 2/5 1-3 heures Accessibilité débutants 75/100
-
Difficulté 2/5 1-3 heures Accessibilité débutants 70/100
-
Difficulté 2/5 1-3 heures Accessibilité débutants 75/100
-
Mend: dependency security vulnerability untriaged
Difficulté 2/5 1-3 heures Accessibilité débutants 70/100