தனிப்பயனாக்கப்பட்ட வழிசெலுத்தல்

வழிசெலுத்தலை எவ்வாறு தனிப்பயனாக்குவது என்பதை விளக்க டெமோ தளத்தை எடுத்துக் கொள்வோம் 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] pug இல் css மற்றும் js எழுத வேண்டாம் , இல்லையெனில் பிழை ஏற்படும்.

வலை கூறுகள்

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 .