گەشتکردن بە خواستی خۆت

با سایتی i18n-demo.github.io وەک نموونەیەک وەربگرین بۆ ئەوەی چۆنیەتی خۆکارکردنی گەشتکردن ڕوون بکەینەوە.

ئەو فایلانەی کە هاوتای ناوچە ژمارەدارەکانن لە وێنەی سەرەوەدا بەم شێوەیەن:

1. چەپ .i18n/htm/t1.pug
2. ڕاست .i18n/htm/t2.pug

pug زمانێکی قاڵبە کە HTML 's دروست دەکات.

➔ کلیک لێرە بکە بۆ فێربوونی ڕێزمانی pug

ڕستەی فۆرمات ${I18N.sponsor} لە فایلەکەدا بەکاردەهێنرێت بۆ جێبەجێکردنی نێودەوڵەتیکردن، و ناوەڕۆکەکەی بە دەقی هاوتا لە i18n.yml

ئەو پەڕگەیەی .i18n/htm/topbar.css :

[!WARN] css و js لە pug مەنووسە ، ئەگەرنا هەڵەیەک دروست دەبێت.

پێکهاتەکانی وێب

js ناتوانرێت بە pug بنووسرێت، ئەگەر کارلێککردن پێویست بوو، دەتوانرێت بە دروستکردنی پێکهاتەی وێب بەدەست بهێنرێت.

پێکهاتەکان دەتوانن پێکهاتەی لاپەڕەی وێب لە md/.i18n/htm/index.js پێناسە بکەن و پاشان پێکهاتەکە لە foot.pug بەکاربهێنن.

دروستکردنی پێکهاتەکانی وێب ئاسانە، وەکو 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);
    }
  }
)

لە ئێستادا x/i-h.js لە md/.i18n/htm/index.js ئاماژەی پێکراوە، 18x/src/i-h.js پێکهاتەیەکی وێبە کە بۆ بەنێودەوڵەتیکردنی گەشتکردن و دەقی ناوەڕۆکی تایبەتمەند بەکاردێت.