דילוג לתוכן

בינאום ​

ראו את מדריך הבינאום לפרטים מלאים.

דוגמה מהירה ​

החלפת שפת העורך בזמן ריצה:

vue
<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וייטנאמית

מספר עורכים עם שפות שונות ​

השתמשו ב-locales מוגבלי היקף של vue-i18n כדי להגדיר שפה לכל מופע בנפרד:

vue
<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>

מופץ ברישיון MIT.