@jjlmoya/utils-developer 1.3.0 → 1.5.0

package/src/tool/colorConverter/i18n/tr.ts

@@ -0,0 +1,126 @@
+import type { WithContext, FAQPage, HowToThing, SoftwareApplication } from 'schema-dts';
+import type { ToolLocaleContent } from '../../../types';
+import type { ColorConverterUI } from '../ui';
+
+const slug = 'renk-donusturucu-rgb-hex-hsl';
+const title = 'Online Renk Dönüştürücü RGB HEX ve HSL';
+const description = 'RGB, HEX ve HSL arasında anında renk dönüşümü yapın. Tamamlayıcı renk uyumları oluşturun ve WCAG kontrastını analiz edin. %100 istemci tarafı ve özel.';
+
+const faqData = [
+  {
+    question: 'RGB - HEX ve HSL renk dönüştürücü nasıl çalışır?',
+    answer: 'Araç, Kırmızı, Yeşil ve Mavi (RGB) değerlerini alır ve bunları onaltılık (HEX) karşılıklarına veya Ton, Doygunluk, Parlaklık (HSL) değerlerine dönüştürmek için matematiksel algoritmalar kullanır. Tersine de çalışır.',
+  },
+  {
+    question: 'Tasarımlarımda neden HEX yerine HSL kullanmalıyım?',
+    answer: 'HSL formatı çok daha sezgiseldir. Tonu değiştirmeden doygunluğu veya parlaklığı ayarlamanıza olanak tanır, bu da armonik paletler veya düğme durumları (üzerine gelme, devre dışı) oluşturmayı çok daha kolaylaştırır.',
+  },
+  {
+    question: 'Göreceli kontrast değeri nedir?',
+    answer: 'Parlaklığına dayalı olarak bir arka plan üzerindeki metnin okunabilirliğini gösteren bir metriktir. Yüksek kontrast, görme engelli kişilerin WCAG erişilebilirlik yönergelerini izleyerek içeriği okuyabilmesini sağlar.',
+  },
+  {
+    question: 'Bu online renk dönüştürücüyü kullanmak güvenli mi?',
+    answer: 'Kesinlikle. %100 istemci tarafı olduğundan, renk verileriniz asla bilgisayarınızdan çıkmaz. Tüm işlemler doğrudan tarayıcınızda gerçekleşir, bu da gizliliği ve anında performansı garanti eder.',
+  },
+];
+
+const howToData = [
+  { name: 'Bir Renk Seçin', text: 'Kırmızı, Yeşil ve Mavi kaydırıcılarını kullanın veya metin alanına doğrudan bir HEX kodu yazın.' },
+  { name: 'RGB Kanallarını Ayarlayın', text: 'Her kanalın yoğunluğunu değiştirmek ve gerçek zamanlı güncellemeyi görmek için kaydırıcıları hareket ettirin.' },
+  { name: 'Formatı Kopyalayın', text: 'İhtiyacınız olan HEX, RGB veya HSL formatının yanındaki Kopyala düğmesine tıklayın.' },
+  { name: 'Uyumları Keşfedin', text: 'Armoni renklerini (tamamlayıcı, benzer, üçlü) panoya kopyalamak için üzerlerine tıklayın.' },
+];
+
+const faqSchema: WithContext<FAQPage> = {
+  '@context': 'https://schema.org',
+  '@type': 'FAQPage',
+  mainEntity: faqData.map((item) => ({
+    '@type': 'Question',
+    name: item.question,
+    acceptedAnswer: { '@type': 'Answer', text: item.answer },
+  })),
+};
+
+const howToSchema: WithContext<HowToThing> = {
+  '@context': 'https://schema.org',
+  '@type': 'HowTo',
+  name: title,
+  description,
+  step: howToData.map((s, i) => ({ '@type': 'HowToStep', position: i + 1, name: s.name, text: s.text })),
+};
+
+const appSchema: WithContext<SoftwareApplication> = {
+  '@context': 'https://schema.org',
+  '@type': 'SoftwareApplication',
+  name: title,
+  description,
+  applicationCategory: 'UtilityApplication',
+  operatingSystem: 'All',
+  offers: { '@type': 'Offer', price: '0', priceCurrency: 'EUR' },
+  inLanguage: 'tr',
+};
+
+const ui: ColorConverterUI = {
+  labelPreview: 'Önizleme (HEX kopyalamak için tıklayın)',
+  labelHarmonies: 'Renk Uyumları',
+  labelR: 'Kırmızı',
+  labelG: 'Yeşil',
+  labelB: 'Mavi',
+  labelComp: 'Tamam.',
+  labelAna1: 'Benzer 1',
+  labelAna2: 'Benzer 2',
+  labelTri1: 'Üçlü 1',
+  labelTri2: 'Üçlü 2',
+  btnCopy: 'Kopyala',
+  btnCopied: 'Kopyalandı',
+  contrastLabel: 'Kontrast',
+  clickToCopy: 'Kopyalamak için tıklayın',
+};
+
+export const content: ToolLocaleContent<ColorConverterUI> = {
+  slug,
+  title,
+  description,
+  ui,
+  faqTitle: 'Sıkça Sorulan Sorular',
+  faq: faqData,
+  bibliographyTitle: 'Renk ve Web Tasarım Kaynakları',
+  bibliography: [
+    { name: 'W3C: CSS Renk Dokümantasyonu', url: 'https://www.w3.org/TR/css-color-4/' },
+    { name: 'MDN: HSL Renk Modeli Kılavuzu', url: 'https://developer.mozilla.org/en-US/docs/Web/CSS/color_value/hsl' },
+    { name: 'WebAIM: Kontrast ve Erişilebilirlik Kılavuzu', url: 'https://webaim.org/resources/contrastchecker/' },
+  ],
+  howTo: howToData,
+  schemas: [faqSchema, howToSchema, appSchema],
+  seo: [
+    { type: 'title', text: 'Geliştiriciler için RGB - HEX ve HSL Renk Dönüştürücü', level: 2 },
+    {
+      type: 'paragraph',
+      html: '<strong>Frontend geliştirme</strong> ve <strong>UI/UX tasarımı</strong> dünyasında, renk yönetimi sürekli bir görevdir. <strong>Online renk dönüştürücümüz</strong>, değerleri <strong>HEX, RGB ve HSL</strong> arasında anında ve matematiksel bir hassasiyetle dönüştürmenize olanak tanır.',
+    },
+    { type: 'title', text: 'Renk Formatları: HEX, RGB ve HSL', level: 3 },
+    {
+      type: 'list',
+      items: [
+        '<strong>HEX (Onaltılık):</strong> CSS için fiili standarttır. Kompakt ve kod içinde paylaşılması kolaydır.',
+        '<strong>RGB (Kırmızı, Yeşil, Mavi):</strong> Eklemeli ışık sistemine dayanır. Kanalları doğrudan manipüle etmek veya RGBA ile şeffaflık uygulamak için idealdir.',
+        '<strong>HSL (Ton, Doygunluk, Parlaklık):</strong> En sezgisel format. Harmonik paletler oluşturmak için tonu, doygunluğu ve parlaklığı ayarlayın.',
+      ],
+    },
+    { type: 'title', text: 'Kontrast ve WCAG Erişilebilirliği', level: 3 },
+    {
+      type: 'paragraph',
+      html: 'Hesaplayıcı, parlaklığa dayalı bir <strong>göreceli kontrast</strong> ölçümü içerir. Bu, <strong>WCAG</strong> yönergelerini karşılamanıza yardımcı olarak metninizin seçilen arka planlara karşı okunabilir olmasını sağlar.',
+    },
+    { type: 'title', text: 'Otomatik Renk Uyumları', level: 3 },
+    {
+      type: 'list',
+      items: [
+        '<strong>Tamamlayıcı:</strong> Renk çarkındaki zıt renk, maksimum kontrast için idealdir.',
+        '<strong>Benzer:</strong> Yumuşak, armonik geçişler oluşturan bitişik renkler.',
+        '<strong>Üçlü:</strong> Canlı, dengeli kompozisyonlar için eşit uzaklıktaki üç renk.',
+      ],
+    },
+  ],
+};

package/src/tool/colorConverter/i18n/zh.ts

@@ -0,0 +1,127 @@
+import type { WithContext, FAQPage, HowToThing, SoftwareApplication } from 'schema-dts';
+import type { ToolLocaleContent } from '../../../types';
+import type { ColorConverterUI } from '../ui';
+
+const slug = 'color-converter-rgb-hex-hsl';
+const title = '在线颜色转换器 RGB HEX 和 HSL';
+const description = '立即在 RGB、HEX 和 HSL 之间转换颜色。生成互补色和谐方案并分析 WCAG 对比度。100% 客户端运行，保护隐私。';
+
+const faqData = [
+  {
+    question: 'RGB 到 HEX 和 HSL 颜色转换器是如何工作的？',
+    answer: '该工具接收红、绿、蓝 (RGB) 值，并使用数学算法将其转换为等效的十六进制 (HEX) 或色相、饱和度、亮度 (HSL) 值。它也可以反向操作。',
+  },
+  {
+    question: '为什么我在设计中应该使用 HSL 而不是 HEX？',
+    answer: 'HSL 格式更加直观。它允许您在不改变色相的情况下调整饱和度或亮度，从而更容易创建和谐的配色方案或按钮状态（悬停、禁用）。',
+  },
+  {
+    question: '什么是相对对比度值？',
+    answer: '这是一种根据亮度指示文本在背景上的可读性的指标。高对比度可确保视力障碍人士能够根据 WCAG 无障碍指南阅读内容。',
+  },
+  {
+    question: '使用这个在线颜色转换器安全吗？',
+    answer: '绝对安全。由于它是 100% 客户端运行的，您的颜色数据永远不会离开您的计算机。所有处理都在您的浏览器中直接完成，保证了隐私和即时性能。',
+  },
+];
+
+const howToData = [
+  { name: '选择颜色', text: '使用红、绿、蓝滑块或直接在文本框中输入 HEX 代码。' },
+  { name: '调整 RGB 通道', text: '移动滑块以更改每个通道的强度，并查看实时更新。' },
+  { name: '复制格式', text: '点击您需要的 HEX、RGB 或 HSL 格式旁边的复制按钮。' },
+  { name: '探索和谐色', text: '点击和谐色（互补色、近色、三元色）将它们复制到剪贴板。' },
+];
+
+const faqSchema: WithContext<FAQPage> = {
+  '@context': 'https://schema.org',
+  '@type': 'FAQPage',
+  mainEntity: faqData.map((item) => ({
+    '@type': 'Question',
+    name: item.question,
+    acceptedAnswer: { '@type': 'Answer', text: item.answer },
+  })),
+};
+
+const howToSchema: WithContext<HowToThing> = {
+  '@context': 'https://schema.org',
+  '@type': 'HowTo',
+  name: title,
+  description,
+  step: howToData.map((s, i) => ({ '@type': 'HowToStep', position: i + 1, name: s.name, text: s.text })),
+};
+
+const appSchema: WithContext<SoftwareApplication> = {
+  '@context': 'https://schema.org',
+  '@type': 'SoftwareApplication',
+  name: title,
+  description,
+  applicationCategory: 'UtilityApplication',
+  operatingSystem: 'All',
+  offers: { '@type': 'Offer', price: '0', priceCurrency: 'EUR' },
+  inLanguage: 'zh',
+};
+
+const ui: ColorConverterUI = {
+  labelPreview: '预览（点击复制 HEX）',
+  labelHarmonies: '颜色和谐',
+  labelR: '红',
+  labelG: '绿',
+  labelB: '蓝',
+  labelComp: '互补',
+  labelAna1: '近色 1',
+  labelAna2: '近色 2',
+  labelTri1: '三元色 1',
+  labelTri2: '三元色 2',
+  btnCopy: '复制',
+  btnCopied: '已复制',
+  contrastLabel: '对比度',
+  clickToCopy: '点击复制',
+};
+
+export const content: ToolLocaleContent<ColorConverterUI> = {
+  slug,
+  title,
+  description,
+  ui,
+  faqTitle: '常见问题',
+  faq: faqData,
+  bibliographyTitle: '颜色和网页设计资源',
+  bibliography: [
+    { name: 'W3C: CSS 颜色文档', url: 'https://www.w3.org/TR/css-color-4/' },
+    { name: 'MDN: HSL 颜色模型指南', url: 'https://developer.mozilla.org/zh-CN/docs/Web/CSS/color_value/hsl' },
+    { name: 'WebAIM: 对比度和无障碍指南', url: 'https://webaim.org/resources/contrastchecker/' },
+  ],
+  howTo: howToData,
+  schemas: [faqSchema, howToSchema, appSchema],
+  seo: [
+    { type: 'title', text: '面向开发者的 RGB 到 HEX 和 HSL 颜色转换器', level: 2 },
+    {
+      type: 'paragraph',
+      html: '在 <strong>前端开发</strong> 和 <strong>UI/UX 设计</strong> 的世界中，颜色管理是一项持续的任务。我们的 <strong>在线颜色转换器</strong> 让您能够立即以数学精度在 <strong>HEX、RGB 和 HSL</strong> 之间转换数值。',
+    },
+    { type: 'title', text: '颜色格式：HEX、RGB 和 HSL', level: 3 },
+    {
+      type: 'list',
+      items: [
+        '<strong>HEX（十六进制）：</strong>CSS 的事实标准。紧凑且易于在代码中共享。',
+        '<strong>RGB（红、绿、蓝）：</strong>基于加色系统。非常适合直接操作通道或使用 RGBA 应用透明度。',
+        '<strong>HSL（色相、饱和度、亮度）：</strong>最直观的格式。调整色相、饱和度和亮度以创建和谐的调色板。',
+      ],
+    },
+    { type: 'title', text: '对比度和 WCAG 无障碍', level: 3 },
+    {
+      type: 'paragraph',
+      html: '该计算器包含基于亮度的 <strong>相对对比度</strong> 测量。这有助于您满足 <strong>WCAG</strong> 指南，确保您的文本在所选背景上具有可读性。',
+    },
+    { type: 'title', text: '自动颜色和谐', level: 3 },
+    {
+      type: 'list',
+      items: [
+        '<strong>互补色：</strong>色轮上的相对颜色，是获得最大对比度的理想选择。',
+        '<strong>近色：</strong>相邻的颜色，可创建平滑、和谐的过渡。',
+        '<strong>三元色：</strong>三种等距离的颜色，用于充满活力、平衡的构图。',
+      ],
+    },
+  ],
+};
+

package/src/tool/colorConverter/index.ts

@@ -6,10 +6,6 @@ import type { ColorConverterUI } from './ui';
 
 export type ColorConverterLocaleContent = ToolLocaleContent<ColorConverterUI>;
 
-import { content as es } from './i18n/es';
-import { content as en } from './i18n/en';
-import { content as fr } from './i18n/fr';
-
 export const colorConverter: DeveloperToolEntry<ColorConverterUI> = {
   id: 'color-converter',
   icons: {
@@ -17,9 +13,21 @@ export const colorConverter: DeveloperToolEntry<ColorConverterUI> = {
     fg: 'mdi:eyedropper',
   },
   i18n: {
-    es: async () => es,
-    en: async () => en,
-    fr: async () => fr,
+    de: async () => (await import('./i18n/de')).content,
+    en: async () => (await import('./i18n/en')).content,
+    es: async () => (await import('./i18n/es')).content,
+    fr: async () => (await import('./i18n/fr')).content,
+    id: async () => (await import('./i18n/id')).content,
+    it: async () => (await import('./i18n/it')).content,
+    ja: async () => (await import('./i18n/ja')).content,
+    ko: async () => (await import('./i18n/ko')).content,
+    nl: async () => (await import('./i18n/nl')).content,
+    pl: async () => (await import('./i18n/pl')).content,
+    pt: async () => (await import('./i18n/pt')).content,
+    ru: async () => (await import('./i18n/ru')).content,
+    sv: async () => (await import('./i18n/sv')).content,
+    tr: async () => (await import('./i18n/tr')).content,
+    zh: async () => (await import('./i18n/zh')).content,
   },
 };
 

package/src/tool/conversorExcelCsvHtml/i18n/de.ts

@@ -0,0 +1,129 @@
+import type { WithContext, FAQPage, HowToThing, SoftwareApplication } from 'schema-dts';
+import type { ToolLocaleContent } from '../../../types';
+import type { ConversorExcelCsvHtmlUI } from '../ui';
+
+const slug = 'excel-csv-html-tabellen-konverter';
+const title = 'Excel und CSV zu HTML Tabellen Konverter Code Generator';
+const description = 'Konvertieren Sie Ihre Excel- oder CSV-Daten sofort in saubere, semantische HTML-Tabellen. Kostenloses Tool für Entwickler und Content-Ersteller.';
+
+const faqData = [
+  {
+    question: 'Wie konvertiere ich eine Excel-Datei (.xlsx) in HTML?',
+    answer: 'Öffnen Sie zuerst Ihre Datei in Excel und speichern Sie sie als CSV (kommagetrennt). Laden Sie diese CSV-Datei in unser Tool hoch oder fügen Sie den Inhalt ein, um den HTML-Tabellencode zu erhalten.',
+  },
+  {
+    question: 'Enthält der generierte Code CSS-Styles?',
+    answer: 'Der Generator erzeugt sauberes HTML mit optionalen Klassen für Rahmen und Zebrastreifen. Die endgültigen visuellen Styles hängen vom eigenen CSS Ihrer Website ab, was eine perfekte Integration ermöglicht.',
+  },
+  {
+    question: 'Kann ich sehr große CSV-Dateien hochladen?',
+    answer: 'Ja, unser Tool verarbeitet Daten lokal in Ihrem Browser. Das bedeutet, dass es sehr schnell und sicher ist, da Ihre Daten niemals über das Internet übertragen werden.',
+  },
+  {
+    question: 'Ist es mit Google Sheets kompatibel?',
+    answer: 'Absolut. Gehen Sie in Google Sheets auf Datei > Herunterladen > Kommagetrennte Werte (.csv) und verwenden Sie diese Datei mit unserem Tool.',
+  },
+];
+
+const howToData = [
+  {
+    name: 'Bereiten Sie Ihre Daten vor',
+    text: 'Halten Sie Ihre Excel- oder CSV-Datei bereit. Stellen Sie sicher, dass die Daten sauber sind.',
+  },
+  {
+    name: 'Laden Sie die Daten',
+    text: 'Fügen Sie den CSV-Text in den Eingabebereich ein oder ziehen Sie die Datei direkt in den Konverter.',
+  },
+  {
+    name: 'Konfigurieren Sie die Tabelle',
+    text: 'Wählen Sie, ob Sie die erste Zeile als Kopfzeile verwenden möchten und ob Sie Basis-Styles wünschen.',
+  },
+  {
+    name: 'Kopieren Sie den Code',
+    text: 'Wechseln Sie zum Tab "HTML-Code" und kopieren Sie das Ergebnis, um es in Ihre Website einzufügen.',
+  },
+];
+
+const faqSchema: WithContext<FAQPage> = {
+  '@context': 'https://schema.org',
+  '@type': 'FAQPage',
+  mainEntity: faqData.map((item) => ({
+    '@type': 'Question',
+    name: item.question,
+    acceptedAnswer: { '@type': 'Answer', text: item.answer },
+  })),
+};
+
+const howToSchema: WithContext<HowToThing> = {
+  '@context': 'https://schema.org',
+  '@type': 'HowTo',
+  name: title,
+  description,
+  step: howToData.map((s, i) => ({ '@type': 'HowToStep', position: i + 1, name: s.name, text: s.text })),
+};
+
+const appSchema: WithContext<SoftwareApplication> = {
+  '@context': 'https://schema.org',
+  '@type': 'SoftwareApplication',
+  name: title,
+  description,
+  applicationCategory: 'UtilityApplication',
+  operatingSystem: 'All',
+  offers: { '@type': 'Offer', price: '0', priceCurrency: 'EUR' },
+  inLanguage: 'de',
+};
+
+const ui: ConversorExcelCsvHtmlUI = {
+  csvInputLabel: 'Fügen Sie hier Ihr CSV ein',
+  csvInputPlaceholder: 'Name,Alter,Stadt\nMax,25,Berlin\nAnna,30,München',
+  uploadLabel: 'Oder laden Sie Ihre Datei hoch (CSV)',
+  dragDropLabel: 'Ziehen Sie Ihre Datei hierher',
+  headerCheckboxLabel: 'Erste Zeile als Kopfzeile verwenden',
+  bordersCheckboxLabel: 'Rahmen hinzufügen',
+  stripeCheckboxLabel: 'Zebrastreifen',
+  previewTabLabel: 'Vorschau',
+  codeTabLabel: 'HTML-Code',
+  emptyStateLabel: 'Geben Sie Daten ein, um die Tabelle zu sehen',
+  copyButtonLabel: 'Code kopieren',
+  copiedLabel: 'Kopiert!',
+};
+
+export const content: ToolLocaleContent<ConversorExcelCsvHtmlUI> = {
+  slug,
+  title,
+  description,
+  ui,
+  faqTitle: 'Häufig gestellte Fragen',
+  faq: faqData,
+  bibliographyTitle: 'Ressourcen zu HTML-Tabellen und Datenformaten',
+  bibliography: [
+    { name: 'W3C: HTML-Tabellen', url: 'https://www.w3.org/WAI/tutorials/tables/' },
+    { name: 'MDN: HTML table Element', url: 'https://developer.mozilla.org/de/docs/Web/HTML/Element/table' },
+    { name: 'RFC 4180: CSV-Format', url: 'https://tools.ietf.org/html/rfc4180' },
+    { name: 'Google Sheets: Daten herunterladen', url: 'https://support.google.com/docs/answer/183965' },
+  ],
+  howTo: howToData,
+  schemas: [faqSchema, howToSchema, appSchema],
+  seo: [
+    { type: 'title', text: 'Excel und CSV einfach in HTML-Tabellen konvertieren', level: 2 },
+    {
+      type: 'paragraph',
+      html: 'In der modernen Webentwicklung ist die Darstellung von Tabellendaten eine der effektivsten Möglichkeiten, strukturierte Informationen zu übertragen. Das manuelle Konvertieren von Daten aus einer Tabellenkalkulation wie <strong>Excel</strong> oder einer <strong>CSV</strong>-Datei in HTML <code>&lt;table&gt;</code>, <code>&lt;tr&gt;</code> und <code>&lt;td&gt;</code> Tags ist jedoch mühsam und fehleranfällig.',
+    },
+    { type: 'title', text: 'Warum semantische HTML-Tabellen verwenden?', level: 3 },
+    {
+      type: 'list',
+      items: [
+        '<strong>Barrierefreiheit:</strong> Screenreader können die Struktur interpretieren und Benutzern mit Sehbehinderungen helfen.',
+        '<strong>SEO:</strong> Suchmaschinen indexieren den Zelleninhalt, was das Ranking Ihrer Daten verbessert.',
+        '<strong>Responsivität:</strong> Mit etwas CSS können HTML-Tabellen für mobile Geräte angepasst werden.',
+        '<strong>Wartungsfreundlichkeit:</strong> Es ist viel einfacher, Daten in HTML zu bearbeiten, als ein ganzes Bild neu zu generieren.',
+      ],
+    },
+    { type: 'title', text: 'Wie der Excel zu HTML Konverter funktioniert', level: 3 },
+    {
+      type: 'paragraph',
+      html: 'Unser Dienstprogramm verwendet einen nativen Text-Parser, der kommagetrennte Dateien (CSV) verarbeitet. Die meisten Tabellenkalkulationsprogramme, einschließlich Microsoft Excel, Google Sheets und LibreOffice Calc, ermöglichen es Ihnen, Ihre Daten im CSV-Format zu exportieren.',
+    },
+  ],
+};

package/src/tool/conversorExcelCsvHtml/i18n/id.ts

@@ -0,0 +1,129 @@
+import type { WithContext, FAQPage, HowToThing, SoftwareApplication } from 'schema-dts';
+import type { ToolLocaleContent } from '../../../types';
+import type { ConversorExcelCsvHtmlUI } from '../ui';
+
+const slug = 'konverter-tabel-excel-csv-html';
+const title = 'Pembuat Kode Konverter Tabel Excel dan CSV ke HTML';
+const description = 'Konversikan data Excel atau CSV Anda ke tabel HTML semantik yang bersih secara instan. Alat gratis untuk pengembang dan pembuat konten.';
+
+const faqData = [
+  {
+    question: 'Bagaimana cara mengonversi file Excel (.xlsx) ke HTML?',
+    answer: 'Pertama, buka file Anda di Excel dan simpan sebagai CSV (dibatasi koma). Kemudian, unggah file CSV tersebut ke alat kami atau tempel isinya untuk mendapatkan kode tabel HTML.',
+  },
+  {
+    question: 'Apakah kode yang dihasilkan menyertakan gaya CSS?',
+    answer: 'Generator menghasilkan HTML bersih dengan kelas opsional untuk bingkai dan garis-garis zebra. Gaya visual akhir bergantung pada CSS situs web Anda sendiri, memastikan integrasi yang sempurna.',
+  },
+  {
+    question: 'Dapatkah saya mengunggah file CSV yang sangat besar?',
+    answer: 'Ya, alat kami memproses data secara lokal di browser Anda. Ini berarti sangat cepat dan aman, karena data Anda tidak pernah dikirim melalui internet.',
+  },
+  {
+    question: 'Apakah ini kompatibel dengan Google Sheets?',
+    answer: 'Tentu saja. Di Google Sheets, buka File > Unduh > Nilai yang dipisahkan koma (.csv) dan gunakan file tersebut dengan alat kami.',
+  },
+];
+
+const howToData = [
+  {
+    name: 'Siapkan data Anda',
+    text: 'Siapkan file Excel atau CSV Anda. Pastikan datanya bersih.',
+  },
+  {
+    name: 'Muat data',
+    text: 'Tempel teks CSV di area input atau seret file langsung ke konverter.',
+  },
+  {
+    name: 'Konfigurasi tabel',
+    text: 'Pilih apakah Anda ingin menggunakan baris pertama sebagai header dan apakah Anda ingin gaya dasar.',
+  },
+  {
+    name: 'Salin kode',
+    text: 'Beralih ke tab "Kode HTML" dan salin hasilnya untuk ditempelkan di situs web Anda.',
+  },
+];
+
+const faqSchema: WithContext<FAQPage> = {
+  '@context': 'https://schema.org',
+  '@type': 'FAQPage',
+  mainEntity: faqData.map((item) => ({
+    '@type': 'Question',
+    name: item.question,
+    acceptedAnswer: { '@type': 'Answer', text: item.answer },
+  })),
+};
+
+const howToSchema: WithContext<HowToThing> = {
+  '@context': 'https://schema.org',
+  '@type': 'HowTo',
+  name: title,
+  description,
+  step: howToData.map((s, i) => ({ '@type': 'HowToStep', position: i + 1, name: s.name, text: s.text })),
+};
+
+const appSchema: WithContext<SoftwareApplication> = {
+  '@context': 'https://schema.org',
+  '@type': 'SoftwareApplication',
+  name: title,
+  description,
+  applicationCategory: 'UtilityApplication',
+  operatingSystem: 'All',
+  offers: { '@type': 'Offer', price: '0', priceCurrency: 'IDR' },
+  inLanguage: 'id',
+};
+
+const ui: ConversorExcelCsvHtmlUI = {
+  csvInputLabel: 'Tempel CSV Anda di sini',
+  csvInputPlaceholder: 'Nama,Usia,Kota\nBudi,25,Jakarta\nAna,30,Bandung',
+  uploadLabel: 'Atau unggah file Anda (CSV)',
+  dragDropLabel: 'Seret dan lepas file Anda di sini',
+  headerCheckboxLabel: 'Gunakan baris pertama sebagai header',
+  bordersCheckboxLabel: 'Tambahkan bingkai',
+  stripeCheckboxLabel: 'Garis-garis zebra',
+  previewTabLabel: 'Pratinjau',
+  codeTabLabel: 'Kode HTML',
+  emptyStateLabel: 'Masukkan data untuk melihat tabel',
+  copyButtonLabel: 'Salin Kode',
+  copiedLabel: 'Tersalin!',
+};
+
+export const content: ToolLocaleContent<ConversorExcelCsvHtmlUI> = {
+  slug,
+  title,
+  description,
+  ui,
+  faqTitle: 'Pertanyaan yang Sering Diajukan',
+  faq: faqData,
+  bibliographyTitle: 'Sumber Daya tentang Tabel HTML dan Format Data',
+  bibliography: [
+    { name: 'W3C: Tabel HTML', url: 'https://www.w3.org/WAI/tutorials/tables/' },
+    { name: 'MDN: Elemen tabel HTML', url: 'https://developer.mozilla.org/en-US/docs/Web/HTML/Element/table' },
+    { name: 'RFC 4180: Format CSV', url: 'https://tools.ietf.org/html/rfc4180' },
+    { name: 'Google Sheets: Unduh data Anda', url: 'https://support.google.com/docs/answer/183965' },
+  ],
+  howTo: howToData,
+  schemas: [faqSchema, howToSchema, appSchema],
+  seo: [
+    { type: 'title', text: 'Konversikan Excel dan CSV ke Tabel HTML dengan Mudah', level: 2 },
+    {
+      type: 'paragraph',
+      html: 'Dalam pengembangan web modern, menyajikan data tabular adalah salah satu cara paling efektif untuk menyampaikan informasi terstruktur. Namun, mengonversi data secara manual dari spreadsheet seperti <strong>Excel</strong> atau file <strong>CSV</strong> ke tag HTML <code>&lt;table&gt;</code>, <code>&lt;tr&gt;</code>, dan <code>&lt;td&gt;</code> sangatlah membosankan dan rawan kesalahan.',
+    },
+    { type: 'title', text: 'Mengapa menggunakan tabel HTML semantik?', level: 3 },
+    {
+      type: 'list',
+      items: [
+        '<strong>Aksesibilitas:</strong> Pembaca layar dapat menginterpretasikan struktur dan membantu pengguna dengan gangguan visual.',
+        '<strong>SEO:</strong> Mesin pencari mengindeks konten sel, meningkatkan peringkat data Anda.',
+        '<strong>Responsivitas:</strong> Dengan sedikit CSS, tabel HTML dapat beradaptasi dengan perangkat seluler.',
+        '<strong>Kemudahan Pemeliharaan:</strong> Jauh lebih mudah untuk mengedit data dalam HTML daripada membuat ulang seluruh gambar.',
+      ],
+    },
+    { type: 'title', text: 'Cara Kerja Konverter Excel ke HTML', level: 3 },
+    {
+      type: 'paragraph',
+      html: 'Utilitas kami menggunakan pengurai teks asli yang memproses file dipisahkan koma (CSV). Sebagian besar program spreadsheet, termasuk Microsoft Excel, Google Sheets, dan LibreOffice Calc, memungkinkan Anda mengekspor data dalam format CSV.',
+    },
+  ],
+};