Fjöltyngd dæmi um vefsíðu
Lykilatriði ShipLang arkitektúrsins er að þú þarft aðeins að skrifa vefsíður á einu tungumáli í bakgrunni kerfisins og kerfið mun sjálfkrafa þýða þær yfir á mörg tungumál.
Notkunin er mjög einföld: bætið einfaldlega við eigindinni `data-i18n="þýðingarlykilheiti"` við þáttinn sem þarf að þýða. Kerfið mun sjálfkrafa þýða þætti sem merktir eru með `data-i18n`.
Meginregla JavaScript textaþýðingar: Þegar JavaScript sendir textann „[Halló]“ á síðuna les það þýðingarniðurstöðuna „[data-i18n="Halló"]“.
Þú þarft að skipta yfir á ensku til að skoða þessa síðu. Hér að neðan eru dæmi um notkun í ýmsum algengum aðstæðum, hvert með kóða og sýnikennslu á raunverulegum áhrifum.
Ekki er hægt að þýða HTML kóðareitinn 【pre】【code】 með data-i18n merkinu. Að bæta i18n við þessa íhluti getur valdið villum.
Fjöltyngdar notkunaraðferðir eru birtar á einum stað.
1.只要在标签加入[data-i18n]即代表该内容需要被翻译，示例：
<p data-i18n="welcome">欢迎使用</p>
Velkomin(n)!
2. 当[data-i18n]的值相同，系统也会容错处理，不会翻译为相同文本
<p data-i18n="k">你好</p><p data-i18n="k">不错</p>
Halló
gott
3. 无[data-i18n]标记文本（代表不翻译）
<span>这段文本没有data-i18n标记，不会被翻译</span>
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>
Þetta er texti sem er innbyggður í 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>';}?>
- Listi yfir gögn 1
- WeChat: 5833487
- Listi yfir gögn 2
9. Meta标签SEO
<title data-i18n="title">标题</title><meta data-i18n="keywords" name="keywords" content="关键词"><meta data-i18n="description" name="description" content="描述">
Lýsigögn eru sett í síðuhausinn og eru notuð til að birta SEO-röðun í leitarvélum.