Pandhu Arah Sing Disesuaikan

Ayo njupuk situs i18n-demo.github.io minangka conto kanggo nerangake carane ngatur navigasi.

File-file sing cocog karo area nomer ing gambar ing ndhuwur yaiku:

1. Ngiwa .i18n/htm/t1.pug
2. Kanan .i18n/htm/t2.pug

pug minangka basa cithakan sing ngasilake HTML .

➔ Klik ing kene kanggo sinau tata basa pug

String format ${I18N.sponsor} digunakake ing file kanggo ngleksanakake internasionalisasi, lan isine bakal diganti karo teks sing i18n.yml ing direktori basa sumber.

Berkas sing cocog karo gaya garis navigasi .i18n/htm/topbar.css :

[!WARN] Aja nulis css lan js ing pug , yen ora bakal ana kesalahan.

Komponen Web

js ora bisa ditulis ing pug Yen interaksi dibutuhake, bisa digayuh kanthi nggawe komponen web.

Komponen bisa nemtokake komponen kaca web ing md/.i18n/htm/index.js banjur nggunakake komponen ing foot.pug .

Iku gampang kanggo nggawe komponen web, kayata custom <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);
    }
  }
)

Saiki x/i-h.js dirujuk ing md/.i18n/htm/index.js , yaiku komponen web sing digunakake kanggo internasionalisasi pandhu arah lan teks isi sing disesuaikan footer Deleng kode sumber 18x/src/i-h.js