Διεθνοποίηση

Το Tiptapify υποστηρίζει 35+ γλώσσες χωρίς πρόσθετη ρύθμιση. Οι μεταφράσεις διαχειρίζονται μέσω του vue-i18n.

Ορισμός της προεπιλεγμένης γλώσσας

Δημιουργήστε μια παρουσία του vue-i18n και περάστε την κατά την καταχώριση του πρόσθετου:

// main.ts
import { createI18n } from 'vue-i18n'
import TiptapifyPlugin from 'tiptapify'
import 'tiptapify/style.css'

const i18n = createI18n({
  legacy: false,
  locale: 'en',
})

app.use(i18n)
app.use(TiptapifyPlugin, { i18n })

Αλλαγή γλώσσας κατά την εκτέλεση

Το Tiptapify χρησιμοποιεί τη δική σας παρουσία του vue-i18n — αλλάξτε τη γλώσσα μέσω του useI18n():

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

const { locale } = useI18n()

const languages = [
  { code: 'en', label: 'English' },
  { code: 'de', label: 'Deutsch' },
  { code: 'fr', label: 'Français' },
  { code: 'es', label: 'Español' },
  { code: 'ru', label: 'Русский' },
]
</script>

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

    <Tiptapify placeholder="Start writing..." />
  </div>
</template>

Διαθέσιμες γλώσσες

Αυτή τη στιγμή υποστηρίζονται οι ακόλουθες γλώσσες:

Κωδικός	Γλώσσα
en	Αγγλικά
ar	Αραβικά
bg	Βουλγαρικά
ch	Κινεζικά
cz	Τσεχικά
de	Γερμανικά
el	Ελληνικά
es	Ισπανικά
et	Εσθονικά
fi	Φινλανδικά
fr	Γαλλικά
he	Εβραϊκά
hi	Χίντι
hr	Κροατικά
hu	Ουγγρικά
id	Ινδονησιακά
it	Ιταλικά
ja	Ιαπωνικά
ko	Κορεατικά
la	Λετονικά
lt	Λιθουανικά
nl	Ολλανδικά
no	Νορβηγικά
pl	Πολωνικά
pt	Πορτογαλικά
pt-BR	Πορτογαλικά (Βραζιλίας)
ro	Ρουμανικά
ru	Ρωσικά
se	Σουηδικά
sk	Σλοβακικά
sl	Σλοβενικά
sr	Σερβικά
th	Ταϊλανδικά
tr	Τουρκικά
uk	Ουκρανικά
vi	Βιετναμικά

Μεταφράσεις που δημιουργήθηκαν με AI

Οι περισσότερες μεταφράσεις δημιουργήθηκαν με AI και ενδέχεται να περιέχουν λάθη. Αν βρείτε λανθασμένη μετάφραση ή θέλετε να προσθέσετε νέα γλώσσα, ανοίξτε ένα issue ή επικοινωνήστε με τον συντηρητή.

Προσθήκη προσαρμοσμένων μεταφράσεων

Το Tiptapify συγχωνεύει αυτόματα τα ενσωματωμένα μηνύματα γλωσσών στην παρουσία του vue-i18n όταν την περνάτε στο πρόσθετο. Μπορείτε να επεκτείνετε ή να παρακάμψετε μεταφράσεις πριν από την καταχώριση του πρόσθετου:

import { createI18n } from 'vue-i18n'
import TiptapifyPlugin from 'tiptapify'
import 'tiptapify/style.css'

const i18n = createI18n({
  legacy: false,
  locale: 'en',
  messages: {
    // Custom translations take precedence over Tiptapify's built-in ones
    en: {
      toolbar: {
        bold: 'Make bold',
        italic: 'Make italic',
      },
    },
  },
})

app.use(i18n)
app.use(TiptapifyPlugin, { i18n })

Ή να τις συγχωνεύσετε μετά τη δημιουργία της παρουσίας i18n:

const i18n = createI18n({
  legacy: false,
  locale: 'en',
})

i18n.global.mergeLocaleMessage('en', customTranslations)

app.use(i18n)
app.use(TiptapifyPlugin, { i18n })

Γλώσσες RTL

Για γλώσσες RTL όπως τα Αραβικά, βεβαιωθείτε ότι το θέμα του Vuetify υποστηρίζει RTL:

const vuetify = createVuetify({
  locale: {
    rtl: true,
  },
})

Γλώσσα ανά παρουσία

Το Tiptapify χρησιμοποιεί καθολικά τη γλώσσα του vue-i18n της εφαρμογής σας. Αν χρειάζεστε γλώσσα ανά παρουσία, χρησιμοποιήστε τα scoped slots ή το composition API του vue-i18n εντός του πεδίου της παρουσίας:

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

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

<template>
  <Tiptapify :placeholder="t('editor.placeholder')" />
</template>