Hacktoberfest 2026 : les issues que les mainteneurs ont marquées pour octobre, ouvertes et accessibles aux débutants. Parcourir les issues Hacktoberfest

Trimming newlines near elements

Ouverte
#253 0 commentaires 0 réactions 0 personnes assignées Voir sur GitHub

Personne n'a encore pris cette issue.

Évaluation

Difficulté
4/5
Temps estimé
3-5 jours
Accessibilité débutants
35/100
Type d'issue
Fonctionnalité
Clarté
Plutôt claire
Activité
À l'abandon
Stack technique
javascript
Domaine
frontend

Piste de recherche

Commencez par reproduire l’exemple de tagged-template JavaScript dans l’issue et examinez les children retournés autour de l’élément . Consultez la référence associée #234 pour le contexte concernant la gestion des espaces blancs. C’est terminé lorsque le template formaté préserve la séparation voulue entre « gras » et « normal » sans nécessiter  .

Rédigé par le modèle d'indexation à partir du texte de l'issue.

Description

When running the following code:

import htm from 'https://unpkg.com/htm?module'

function h(type, props, ...children) {
  return { type, props, children };
}

const html = htm.bind(h);

console.log( html`<div>
        <b>bold</b>
        regular
    </div>` );

I am getting the following object:

{
  type: 'div',
  props: null,
  children: [{type: 'b' /* , ... */}, 'regular']
}

The string have been auto-formatted but still seems to be a valid HTML code. Now I have implemented my own h() function as I'd like to compose the DOM elements in my way. However, I don't see any obvious way to split bold and regular elements with a space except for inserting &nbsp; (#234). I'd appreciate any comments on this.

Langage dominant
JavaScript
Étoiles
9k
Forks
181
Aucune PR mergée en 30 j

Guide de contribution

Ouvrir le guide de contribution

Par où commencer

  1. Lisez l'issue en entier, puis le guide de contribution du projet.
  2. Signalez en commentaire que vous la prenez — cela évite que deux personnes fassent le même travail.
  3. Forkez le dépôt et travaillez sur une branche.
  4. Ouvrez une pull request qui référence le numéro de l'issue.

Autres issues de developit/htm

Toutes les issues de developit/htm

Issues similaires

Plus d'issues JavaScript

Recevez les nouvelles issues par e-mail

Un résumé court des issues GitHub adaptées aux débutants.