国际化

完整详情请参阅国际化指南。

快速示例

在运行时切换编辑器语言：

<script setup lang="ts">
import { useI18n } from 'vue-i18n'

const { locale } = useI18n()

const languages = [
  { code: 'en', name: 'English' },
  { code: 'de', name: 'Deutsch' },
  { code: 'fr', name: 'Français' },
  { code: 'es', name: 'Español' },
]
</script>

<template>
  <div>
    <v-select
      v-model="locale"
      :items="languages"
      item-title="name"
      item-value="code"
      label="Language"
    />

    <Tiptapify />
  </div>
</template>

可用语言

代码	语言	代码	语言
en	英语	ko	韩语
ar	阿拉伯语	la	拉脱维亚语
bg	保加利亚语	lt	立陶宛语
ch	中文	nl	荷兰语
cz	捷克语	no	挪威语
de	德语	pl	波兰语
el	希腊语	pt	葡萄牙语
es	西班牙语	pt-BR	葡萄牙语（巴西）
et	爱沙尼亚语	ro	罗马尼亚语
fi	芬兰语	ru	俄语
fr	法语	se	瑞典语
he	希伯来语	sk	斯洛伐克语
hi	印地语	sl	斯洛文尼亚语
hr	克罗地亚语	sr	塞尔维亚语
hu	匈牙利语	th	泰语
id	印度尼西亚语	tr	土耳其语
it	意大利语	uk	乌克兰语
ja	日语	vi	越南语

多个编辑器使用不同语言

使用 vue-i18n 的作用域语言环境，为每个实例设置各自的语言：

<script setup lang="ts">
import { useI18n } from 'vue-i18n'

const en = useI18n({ useScope: 'local', locale: 'en' })
const de = useI18n({ useScope: 'local', locale: 'de' })
</script>

<template>
  <v-row>
    <v-col>
      <h3>English</h3>
      <Tiptapify />
    </v-col>
    <v-col>
      <h3>German</h3>
      <Tiptapify />
    </v-col>
  </v-row>
</template>