Iwebhusayithi Yesampula Yezilimi Eziningi

Isici esiyinhloko sokwakheka kwe-ShipLang ukuthi udinga kuphela ukubhala amakhasi ewebhu ngolimi olulodwa ngemuva, futhi uhlelo luzowahumushela ngokuzenzakalelayo ezilimini eziningi.

Ukusetshenziswa kulula kakhulu: vele ungeze isici esithi `data-i18n="translation key name"` esicini esidinga ukuhunyushwa. Uhlelo luzohumusha ngokuzenzakalelayo izinto ezimakwe nge-`data-i18n`.

Isimiso sokuhumusha umbhalo weJavaScript: Uma iJavaScript ithumela umbhalo othi "[Sawubona]" ekhasini, ifunda umphumela wokuhumusha othi "[data-i18n="Sawubona"]".

Udinga ukushintsha leli khasi libe yisiNgisi ukuze ulibuke. Ngezansi kunezibonelo zokusetshenziswa ezimweni ezahlukahlukene ezivamile, ngasinye sinekhodi kanye nokubonakaliswa komphumela wangempela.

Izingxenye zebhokisi lekhodi ye-HTML 【pre】【code】 azikwazi ukuhunyushwa yithegi ye-data-i18n. Ukwengeza i-i18n kulezi zingxenye kungabangela amaphutha.

Izindlela zokusebenzisa izilimi eziningi ziboniswa endaweni eyodwa.

1.只要在标签加入[data-i18n]即代表该内容需要被翻译,示例:

<p data-i18n="welcome">欢迎使用</p>

Siyakwamukela!

2. 当[data-i18n]的值相同,系统也会容错处理,不会翻译为相同文本

<p data-i18n="k">你好</p><p data-i18n="k">不错</p>

Sawubona

kuhle

3. 无[data-i18n]标记文本(代表不翻译)

<span>这段文本没有data-i18n标记,不会被翻译</span>
这段文本没有data-i18n标记,不会被翻译

4. 输入框Placeholder翻译兼容

<input data-i18n="email_placeholder" placeholder="请输入邮箱">

5. 按钮文本,点击按钮通过js修改文本翻译

<button data-i18n="btn_submit">修改文本</button>

主要原理是基于隐藏标签,假设隐藏标签的文本存在要翻译的文本就会读取隐藏标签的翻译之后的文本,实现翻译

6. 嵌套元素

<div><p data-i18n="nested">这是嵌套在div中的文本</p></div>

Lo mbhalo ufakwe ngaphakathi kwe-div.

7. JavaScript动态内容,代码中是中文,当用户切换英语也会显示英语

document.getElementById('btn').addEventListener('click',function(){alert('这是JavaScript弹窗内容');});

8. PHP动态列表

<?php foreach ($qx_list as $i) {echo '<li data-i18n="item">' . $i['text'] . '</li>';}?>
  • Idatha yohlu 1
  • I-WeChat: 5833487
  • Idatha yohlu 2

9. Meta标签SEO

<title data-i18n="title">标题</title><meta data-i18n="keywords" name="keywords" content="关键词"><meta data-i18n="description" name="description" content="描述">

Amathegi e-meta asethwe ekhanda lekhasi futhi asetshenziselwa ukunikeza amazinga enjini yokusesha ye-SEO.

Lokhu okuqukethwe yi-JavaScript pop-up. Isimiso esiyinhloko sisekelwe kumathegi afihliwe. Uma kuthathwa ukuthi umbhalo onamathegi afihliwe ukhona embhalweni ozohunyushwa, uhlelo lufunda umbhalo ohunyushwe ngamathegi afihliwe, ngaleyo ndlela lufeze ukuhumusha.