קאַסטאַמייזד נאַוויגאַציע

לאָמיר נעמען די דעמאָ פּלאַץ ווי i18n-demo.github.io בייַשפּיל צו דערקלערן ווי צו קאַסטאַמייז נאַוויגאַציע.

די טעקעס קאָראַספּאַנדינג צו די געציילט געביטן אין די אויבן פיגור זענען ווי גייט:

1. לינקס .i18n/htm/t1.pug
2. רעכט .i18n/htm/t2.pug

pug איז אַ מוסטער שפּראַך וואָס דזשענערייץ HTML ס.

➔ דריקט דאָ צו לערנען די גראַמאַטיק פון pug

דער פֿאָרמאַט שטריקל ${I18N.sponsor} איז געניצט אין דער טעקע צו ינסטרומענט ינטערנאַשאַנאַליזיישאַן, און זייַן אינהאַלט וועט זיין ריפּלייסט מיט די i18n.yml טעקסט אין די מקור שפּראַך וועגווייַזער.

דער טעקע קאָראַספּאַנדינג צו די נוסח פון .i18n/htm/topbar.css :

[!WARN] דו זאלסט נישט שרייַבן css און js אין pug , אַנדערש עס וועט זיין אַ טעות.

וועב קאַמפּאָונאַנץ

js קענען ניט זיין געשריבן אין pug אויב ינטעראַקשאַן איז פארלאנגט, עס קענען זיין אַטשיווד דורך קריייטינג אַ וועב קאָמפּאָנענט.

קאַמפּאָונאַנץ קענען דעפינירן אַ וועב בלאַט קאָמפּאָנענט אין md/.i18n/htm/index.js און דעמאָלט נוצן די קאָמפּאָנענט אין foot.pug .

עס איז גרינג צו שאַפֿן וועב קאַמפּאָונאַנץ, אַזאַ ווי מנהג <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);
    }
  }
)

דערווייַל x/i-h.js איז רעפעררעד אין md/.i18n/htm/index.js , וואָס 18x/src/i-h.js אַ וועב קאָמפּאָנענט געניצט פֿאַר ינטערנאַשאַנאַליזיישאַן פון נאַוויגאַציע און פוטער קאַסטאַמייזד אינהאַלט טעקסט.