跳到正文
cccskills
免费在 GitHub 公开

i18n-translations

Add user-facing text to Handsontable through its translation system. The skill covers translation keys, language files, plural forms, right-to-left layouts, preserving Japanese and other East Asian input behavior, and converting text to lowercase according to language rules.

中文简介正在准备中。当前显示英语简介。

原文查看原文说明

Use when adding user-facing text to Handsontable, creating new language constants, updating translation files, or working with RTL layouts and internationalization

查看安装方法

适用场景

  • Adding translated menu labels
  • Adding a language file or plural forms
  • Checking Arabic or Persian right-to-left layouts
  • Preserving Japanese input behavior during editor changes

包含的文件(1)

  • SKILL.md1.7 KB

SKILL.md(原文)

安装前可以查看交给 AI 代理的指令内容。

Internationalization and Translations

Route all user-visible strings through the i18n system in src/i18n/.

Adding a language constant

  1. Define it in src/i18n/constants.ts in UPPER_SNAKE_CASE, built from a namespace prefix and key:
export const CONTEXTMENU_ITEMS_ROW_ABOVE = `${CM_ALIAS}.insertRowAbove`;
  1. Add the English text to every language file in src/i18n/languages/ (20+ locales, e.g. en-US.ts, de-DE.ts). Each file imports constants as * as C:
[C.CONTEXTMENU_ITEMS_ROW_ABOVE]: 'Insert row above',

Pluralizable strings use an array: ['Remove row', 'Remove rows'].

  1. A new language file also needs the barrel export in src/i18n/languages/index.ts.

Consuming translations

import * as C from '../../i18n/constants';

const label = this.hot.getTranslatedPhrase(C.CONTEXTMENU_ITEMS_ROW_ABOVE);

RTL

layoutDirection: 'rtl'. Use logical CSS properties (inset-inline-start in place of left). Test with ar-AR or fa-IR.

IME

Editors handle compositionstart, compositionupdate, compositionend for CJK input; leave composition state untouched when changing editor behavior.

Locale-aware casing

Lowercase cell data with localeLowerCase(value, locale) from src/helpers/string.ts, in place of String.prototype.toLocaleLowerCase (ESLint no-restricted-syntax enforces it). It keeps Turkish/Azeri/Lithuanian special casing, takes the fast toLowerCase() path elsewhere, and does not throw on an invalid locale tag.

评价

还没有评价。欢迎分享你的使用感受。

评论

无需登录即可发表。欢迎分享使用感受、提问,或说明在哪些环境下无法运行。

还没有评论。来写第一条吧。

提交后会立即公开。请勿填写邮箱、电话等个人信息。URL 最多 2 个。

0 / 1000 字

此表单受 reCAPTCHA 保护,适用 Google 的隐私权政策和服务条款。

同一仓库的技能

Develop and modify the Handsontable Angular wrapper with guidance on component lifecycle, settings updates, and NgZone, which controls change detection. It also covers standalone examples, global configuration, and the build and test workflow.

中文简介正在准备中。当前显示英语简介。

  • Fix settings updates in the Angular wrapper
  • Review change detection around grid operations
  • Update examples to standalone components
handsontable/handsontable2.2万2026年10月22日 更新

Open local or public web pages in BrowserStack Live for checks on real mobile devices or desktop browsers. The skill prepares temporary access to a local server, launches the requested session, and shares its dashboard link.

中文简介正在准备中。当前显示英语简介。

  • Check a local page on an Android device
  • Open a page in Safari on an iPhone or iPad
  • Inspect behavior in a specific desktop browser
handsontable/handsontable2.2万2026年10月22日 更新

Prepare user-facing changelog entries for source code changes. The skill determines whether an entry is needed, classifies the change, writes a clear title, and uses the project CLI to create a JSON file tied to the pull request.

中文简介正在准备中。当前显示英语简介。

  • Add a changelog entry for a bug fix
  • Classify a new feature or behavior change
  • Explain a breaking change and its replacement
handsontable/handsontable2.2万2026年10月22日 更新

Explore relationships between functions and files using a prebuilt code graph, a map of code dependencies. Trace bugs, inspect callers and execution paths, and assess the impact of refactoring or proposed changes.

中文简介正在准备中。当前显示英语简介。

  • Explore callers and dependencies in unfamiliar code
  • Trace a bug across multiple files
  • Assess the impact of renaming or removing code
handsontable/handsontable2.2万2026年10月22日 更新

Work with Handsontable row and column positions by distinguishing source data, displayed order, and rendered cells. It guides index conversion and helps investigate misplaced data when sorting, filtering, hiding, or moving rows and columns.

中文简介正在准备中。当前显示英语简介。

  • Investigating misplaced rows or columns
  • Converting between source and displayed indexes
  • Combining filters with manual column movement
handsontable/handsontable2.2万2026年10月22日 更新

Create Handsontable documentation examples for JavaScript, TypeScript, React, Angular, and Vue. The skill explains source files, generated JavaScript, required imports and license settings, embedding examples in guides, and checking that each framework version displays correctly.

中文简介正在准备中。当前显示英语简介。

  • Adding a code example to a feature guide
  • Preparing examples for multiple frameworks
  • Generating JavaScript examples from TypeScript
handsontable/handsontable2.2万2026年10月22日 更新

查看 handsontable 的全部技能

报告此技能的问题