Sérsniðin Leiðsögn

Tökum i18n-demo.github.io sem dæmi til að útskýra hvernig á að sérsníða leiðsögn.

Skrárnar sem samsvara númeruðu svæðum á myndinni hér að ofan eru sem hér segir:

Vinstri .i18n/htm/t1.pug
Rétt .i18n/htm/t2.pug

pug er sniðmát tungumál sem býr til HTML .

Sniðstrengurinn ${I18N.sponsor} er notaður í skránni til að innleiða alþjóðavæðingu, og innihald hennar verður skipt út fyrir samsvarandi texta í frummálsskránni i18n.yml

Skráin .i18n/htm/topbar.css :

[!WARN] Ekki skrifa css og js í pug , annars verður villa.

Vefhlutir

Ekki er hægt að skrifa js í pug Ef þörf er á víxlverkun er hægt að ná því fram með því að búa til vefhluta.

Hlutir geta skilgreint vefsíðuþátt í md/.i18n/htm/index.js og síðan notað íhlutinn í foot.pug .

Það er auðvelt að búa til vefhluta, eins og sérsniðin <x-img> .

customElements.define(
  'x-img',
  class extends HTMLElement {
    constructor() {
      super();
      var img = document.createElement('img');
      img.src = '//p.3ti.site/i18n.svg';
      img.style = "height:99px;width:99px;";
      this.append(img);
    }
  }
)

Eins og er er vísað til x/i-h.js í md/.i18n/htm/index.js , sem er vefþáttur sem notaður er til að alþjóðavæða siglingar og sérsniðinn texta fyrir neðan. Sjá frumkóðann 18x/src/i-h.js