Ghid Complet: Toate Blocurile Disponibile în Editor

1. Bloc de Conținut (Content Block)

Blocul de conținut permite organizarea textului în coloane. Mai jos este un exemplu cu două coloane.

Despre acest ghid

Acest articol demonstrează toate cele 15 tipuri de blocuri disponibile în editorul City FM. Fiecare secțiune prezintă un bloc diferit.

De ce contează?

Cu aceste blocuri, poți crea articole bogate și interactive, de la galerii foto la embed-uri video și tabele de date.

2. Banner (Banner Block)

Banner-ul atrage atenția cititorului asupra informațiilor importante.

Acesta este un banner de tip "info". Există și alte stiluri disponibile: warning (avertisment), error (eroare) și success (succes).

3. Citat Evidențiat (Pull Quote)

Citatele evidențiate sunt perfecte pentru a scoate în evidență idei importante.

Muzica este limbajul universal care conectează oamenii dincolo de granițe și culturi.

City FM—Filosofia noastră

4. Acordeon (Accordion Block)

Acordeonul organizează informațiile în secțiuni expandabile - perfect pentru FAQ-uri.

City FM este un post de radio local din Sibiu care aduce muzică și știri comunității.

Poți asculta City FM direct pe site-ul nostru sau prin aplicația mobilă disponibilă pe iOS și Android.

Trimite-ne CV-ul și un demo la contact@cityfm.ro. Căutăm mereu talente noi!

5. Galerie Foto (Gallery Block)

Galeria afișează mai multe imagini într-un grid atractiv.

6. Imagine (Media Block)

Blocul media afișează o singură imagine la lățime completă.

7. Tabel (Table Block)

Tabelele sunt ideale pentru prezentarea datelor structurate.

Ora	Emisiune	Prezentator
06:00 - 08:00	Trezirea cu City FM	Andrei Pop
08:00 - 10:00	Morning Show	Maria Ionescu
10:00 - 12:00	Muzică și Voie Bună	Dan Munteanu

Programul matinal City FM

8. Cod Sursă (Code Block)

Blocul de cod afișează snippet-uri de cod cu syntax highlighting.

1// Exemplu: Funcție pentru formatarea datei
2function formatDate(date: Date): string {
3  const options: Intl.DateTimeFormatOptions = {
4    weekday: 'long',
5    year: 'numeric',
6    month: 'long',
7    day: 'numeric',
8  }
9  return date.toLocaleDateString('ro-RO', options)
10}
11
12// Utilizare
13const today = new Date()
14console.log(formatDate(today))
15// Output: "miercuri, 8 ianuarie 2026"