Proširiti postojeći Rich Text Editor u CMS-u dodatnim opcijama za formatiranje sadržaja, kako bi klijenti mogli samostalno uređivati tekstove bez potrebe za developerskim intervencijama.
Editor trenutno ima osnovne opcije za uređivanje teksta, ali nedostaju naprednije kontrole kao što su heading stilovi, veličina fonta, boja teksta, highlight, dodatni link stilovi i bolje čišćenje kopiranog sadržaja.
Cilj je omogućiti fleksibilnije uređivanje sadržaja, ali uz kontrolu da output ostane usklađen s frontend dizajnom i siguran za prikaz na webu.
To Do
- Dodati dropdown za stil teksta:
- Paragraph
- Heading 1
- Heading 2
- Heading 3
- Heading 4
- Blockquote
- Dodati opciju za veličinu fonta:
- Small
- Normal
- Medium
- Large
- Extra large
- Opcionalno custom vrijednost, npr. 16px, 20px, 24px
test
test
test
test
- Dodati opciju za boju teksta:
- Color picker
- HEX input
- Reset na default boju
-
- Dodati dodatne text formatting opcije:
- Underline
- Strikethrough
- Provjeriti i po potrebi dodati:
- Indent
- Outdent
- Nested liste
- Dodati podršku za horizontal divider.
- Opcionalno dodati:
- Table support
- HTML/source view samo za admin/developer role
- Line height
- Font family
Acceptance Criteria
- Korisnik može odabrati heading stilove iz dropdowna.
- Korisnik može promijeniti veličinu fonta kroz predefinirane opcije.
- Korisnik može odabrati boju teksta pomoću color pickera.
- Korisnik može ručno unijeti HEX vrijednost za boju teksta.
- Korisnik može resetirati boju teksta na default.
- Korisnik može dodati highlight/background boju na selektirani tekst.
- Korisnik može koristiti underline i strikethrough.
- Korisnik može koristiti indent i outdent za liste i tekst.
- Link modal podržava URL, email, phone i open in new tab opcije.
- Korisnik može ukloniti postojeći link.
- Korisnik može odabrati stil linka kao text link ili button.
test
- Korisnik može dodati horizontal divider.
- Kod dodavanja slike moguće je unijeti alt text i caption.
- Slika može imati osnovne opcije poravnanja i širine.
- Clear formatting uklanja nepotrebne inline stilove, boje, veličine fonta i span tagove.
- Kopirani sadržaj iz Worda/Google Docsa se automatski čisti od nepotrebnog formattinga.
- Osnovna struktura kopiranog sadržaja ostaje sačuvana: headings, liste, bold, italic i linkovi.
- Spremljeni HTML je sanitiziran i ne dozvoljava script tagove ili opasne atribute.
- Renderirani sadržaj na frontend strani ne razbija postojeći layout.
- Editor output je vizualno usklađen s postojećim frontend design systemom.
- Sve nove opcije rade na create i edit formama u CMS-u.
- Postojeći sadržaj u CMS-u ostaje kompatibilan nakon izmjena editora.