Localization and RTL

Two locales ship out of the box: en and ar. Setting lang="ar" automatically enables RTL direction — you do not need to also set rtl.

Use the labels prop to override individual strings on top of the active locale or to build a custom locale. Only provide the keys you want to override; all others fall back to the active locale.

Full list of overridable label keys

French locale example

// Stable readonly reference — not a getter, not an inline literal
readonly labels: Partial<Record<string, string>> = {
  bold: 'Gras',
  italic: 'Italique',
  underline: 'Souligné',
  strike: 'Barré',
  table: 'Insérer un tableau (3×3)',
  toggleHtml: 'Voir le code source HTML'
};

Bind it like any other prop: Angular [labels]="labels", Vue :labels="labels", React labels={LABELS}, Vanilla labels: { ... } in the constructor options.

Arabic locale is built-in — lang="ar" activates it completely including direction. Use labels only to override individual Arabic strings.