輕量級繁簡轉換工具 —— Chinese-Converter.js
Chinese-Converter.js 是一個專為支持繁體中文與簡體中文切換設計的輕量級 JavaScript 庫。該工具可以即時翻譯網頁中的文本內容，無需刷新頁面，同時保留 HTML 結構的完整性，非常適合多語言網站或需要支持中文切換的項目。
功能亮點
- 🌐 繁簡中文即時切換：動態更新網頁文本，快速便捷。
- 💾 保存用戶偏好：通過 Cookie 儲存用戶的語言設置，下次訪問自動應用。
- 🔧 靈活配置：支持自定義按鈕文字、默認語言等多項設置。
- ⚡ 輕量高效：純 JavaScript 實現，無需依賴其他庫。
如何使用？
只需簡單幾步，即可快速整合 Chinese-Converter.js 到您的網站中：
1. 引入腳本文件
在您的網站頁面中添加如下代碼：
代碼可以到Github庫中複製
<script src="chinese-converter.js"></script>2. 添加切換按鈕
將以下按鈕代碼添加到需要切換繁簡的頁面中：
<button id="translateLink">繁體</button>3. 初始化轉換功能
在頁面加載完成後初始化轉換功能：
<script>
document.addEventListener('DOMContentLoaded', function () {
initializeTranslation();
});
</script>
4. 自定義設置（可選）
如果需要調整默認語言或按鈕文本，可以修改以下變數：
var defaultEncoding = 2; // 默認語言：1-繁體中文，2-簡體中文
var msgToTraditionalChinese = "切換至繁體";
var msgToSimplifiedChinese = "切換至簡體";5. 完整範例
以下是一個完整的 HTML 示例，展示如何使用該庫：
<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Chinese-Converter.js Demo</title>
<script src="chinese-converter.js"></script>
</head>
<body>
<h1>歡迎使用 Chinese-Converter.js</h1>
<p>這是一個示例文本，用於測試繁簡中文的即時轉換。</p>
<button id="translateLink">繁體</button>
<script>
document.addEventListener('DOMContentLoaded', function () {
initializeTranslation();
});
</script>
</body>
</html>
適用場景
- 多語言網站：支持繁簡切換，滿足不同地區用戶需求。
- 教育平台：為學習繁簡中文的用戶提供便利。
- 內容管理系統：快速切換語言模式，提升用戶體驗。
開源與支持
該項目基於 MIT 許可證，完全免費開源，您可以在 GitHub 上查看源代碼，或提交改進建議。
如果您有任何問題或需要支持，歡迎通過 文尼模板網 與我們聯繫。
用 Chinese-Converter.js，讓您的網站輕鬆實現繁簡轉換功能！立即下載並開始使用吧！ 🎉
原文鏈接：https://wntheme.com/chinese-converter-js/，轉載請註明出處。
評論0