Hacktoberfest 2026: le issue che i maintainer hanno segnato per ottobre, aperte e adatte ai principianti. Sfoglia le issue Hacktoberfest

[FEATURE] Implement `Element`'s `getHTML()` to improve SSR of web components

Aperta
#317 0 commenti 2 reazioni 0 assegnatari Vedi su GitHub

Nessuno ha ancora preso questa issue.

Valutazione

Difficoltà
4/5
Tempo stimato
3-5 giorni
Idoneità per principianti
45/100
Tipo di issue
Funzionalità
Chiarezza
Abbastanza chiara
Stato di attività
Ferma
Stack tecnologico
javascript
Ambito
web-dev

Direzione di ricerca

La issue non indica alcun file o test. Inizia con l’API Element.getHTML e la documentazione MDN collegata, quindi individua il punto di ingresso esistente per la serializzazione di Element in Linkedom. Confronta l’output serializzabile richiesto per gli shadow root con l’esempio; il lavoro è completato quando l’output descritto è supportato per i web component e gli shadow root.

Scritto dal modello di indicizzazione a partire dal testo della issue.

Descrizione

Hello,

As per https://github.com/WebReflection/linkedom/issues/210#issuecomment-3803892846, I am filing an issue to add support for getHTML().

Recently baseline (2024) across browsers, makes sense to implement in Linkedom. MDN

Element.getHTML({serializableShadowRoots: true})

Example

<hello-world>
    <span>Slotted Hello World!</span>
</hello-world>

class HelloWorld extends HTMLElement {
    constructor() {
        super();
        this.attachShadow({ mode: "open", serializable: true });
    }

    ....
}

Rendered as this:

<hello-world>
      <span>Slotted Hello World</span>
      <template shadowroot="open" shadowrootserializable="">
          <style>
              :host {
                  display: inline-block;
                  background: pink;
                  border: 2px dashed yellow;
              }
          </style>
          <div><slot></slot></div>
      </template>
</hello-world>
Lingua principale
HTML
Stelle
2.1k
Fork
104
Nessuna PR unita negli ultimi 30g

Preparare l'ambiente

Non abbiamo ancora controllato i file di configurazione di questo progetto. Parti dal suo README e consulta la nostra guida al primo contributo per i passaggi generali.

Come iniziare

  1. Leggi tutta la issue e poi la guida ai contributi del progetto.
  2. Commenta sulla issue per dire che te ne occupi tu — evita che due persone facciano lo stesso lavoro.
  3. Fai un fork del repository e lavora su un branch.
  4. Apri una pull request che faccia riferimento al numero della issue.

Altre issue di WebReflection/linkedom

Tutte le issue di WebReflection/linkedom

Issue simili

Altre issue su Web Dev

Ricevi le nuove issue nella tua casella

Un breve riepilogo di issue GitHub adatte ai principianti.