ការរុករកតាមបំណង

សូមលើកយកគេហទំព័រសាកល្បង 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 ។

វាងាយស្រួលក្នុងការបង្កើតសមាសធាតុគេហទំព័រ ដូចជា <x-img> ផ្ទាល់ខ្លួន0។

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