VNS.MultiLanguageTextbox

En moderne Umbraco 14+ property editor til håndtering af flersproget tekstindhold. VNS.MultiLanguageTextbox er nu en del af VNS.Umbraco.PropertyEditors og giver en shared package-struktur til custom property editors i Umbraco backoffice.

Property Editors Repo Download

Features

Multi-sprog Support

Understøtter automatisk alle sprog der er konfigureret i Umbraco. Ingen manuel opsætning nødvendig.

Fleksibel Input

Vælg mellem text input eller textarea baseret på dit behov. Perfekt til både korte og lange tekster.

Required Languages

Gør specifikke sprog obligatoriske for at sikre komplet oversættelse af kritisk indhold.

TypeScript + Lit

Bygget med moderne teknologi for at sikre type-sikkerhed og fremtidssikret integration.

JSON Baseret

Data gemmes som struktureret JSON, nem at arbejde med både i templates og via API'er.

Shared Package Setup

Distribueres nu via VNS.Umbraco.PropertyEditors, så flere editors kan leve side om side.

Installation

Fra GitHub Releases (Anbefalet)

  1. Download seneste release fra GitHub
  2. Kopier App_Plugins/VNS.Umbraco.PropertyEditors til din Umbraco-sites wwwroot/App_Plugins/ mappe
  3. Genstart din Umbraco applikation

Byg Fra Kildekode

git clone https://github.com/schlagerdk/VNS.Umbraco.PropertyEditors.git cd VNS.Umbraco.PropertyEditors npm install npm run build cp -r App_Plugins/VNS.Umbraco.PropertyEditors /path/to/umbraco/wwwroot/App_Plugins/

Brug i Umbraco

1. Opret Data Type

  1. Gå til Settings → Data Types i Umbraco backoffice
  2. Klik Create → New Data Type
  3. Vælg VNS Multi Language Textbox som property editor
  4. Konfigurer efter behov:
    • Use text area: Brug textarea i stedet for text input
    • Make mandatory language(s) required: Gør obligatoriske sprog påkrævede
  5. Gem data type med passende navn

2. Tilføj til Document Type

  1. Åbn din Document Type
  2. Klik Add property
  3. Vælg den data type du oprettede i trin 1
  4. Gem Document Type

3. Rediger Indhold

Når du redigerer indhold i backoffice, vil du se:

  • En text box eller textarea for hvert sprog konfigureret i Umbraco
  • Sprog og kultur vises direkte i editoren
  • Én samlet editor, selv om pakken nu ligger i et shared property-editor repo

Brug i Templates (C#)

Simpel Brug

Umbraco returnerer automatisk den korrekte sprog-variant:

@Model.Value<string>("propertyAlias")

Med ModelsBuilder

@Model.YourPropertyName

Hent Alle Sprog

@{ var allLanguages = Model.Value<IEnumerable<dynamic>>("propertyAlias"); foreach (var lang in allLanguages) { <p>@lang.culture: @lang.text</p> } }

Data Format

JSON Struktur

Data gemmes i Umbraco databasen som JSON:

[ { "culture": "da-DK", "text": "Dansk tekst" }, { "culture": "en-US", "text": "English text" } ]

Tekniske Detaljer

Teknologier

  • TypeScript 5.3+ - Type-sikker udvikling
  • Lit - Lightweight web components
  • Vite 5.0+ - Moderne build tool
  • Umbraco 14+ Backoffice APIs - Native integration
  • Shared property-editor architecture - Flere editors kan udgives fra samme pakke

Kompatibilitet

  • ✅ Umbraco 14
  • ✅ Umbraco 15
  • ✅ Umbraco 16
  • ✅ Umbraco 17+
  • ❌ Umbraco 13 eller ældre

Klar Til At Komme I Gang?

Hent VNS.MultiLanguageTextbox via VNS.Umbraco.PropertyEditors og forbedr din Umbraco multi-sprog håndtering i dag.

Download Latest Release View on GitHub