අභිරුචි කළ සංචාලනය

සංචාලනය අභිරුචිකරණය කරන්නේ කෙසේද යන්න පැහැදිලි කිරීම සඳහා උදාහරණයක් ලෙස අපි ආදර්ශන අඩවිය ගනිමු 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] pug හි css සහ js ලියන්න එපා , එසේ නොමැතිනම් දෝෂයක් ඇති වේ.

වෙබ් සංරචක

pug js ලිවිය නොහැක. අන්තර්ක්රියා අවශ්ය නම්, වෙබ් සංරචකයක් නිර්මාණය කිරීමෙන් එය සාක්ෂාත් කරගත හැකිය.

සංරචක 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 සඳහා භාවිතා කරන වෙබ් සංරචකයකි.