Hoe omgaan met afbeeldingen in cms
In een tabel wordt een verwijzing naar de ge-uploade afbeeldingen gezet, tevens staan hier de tekstbijschriften bij. De afbeeldingen worden dan op de website boven of onder het nieuwsbericht weergegeven. Ik wil graag het nieuwsbericht schoon houden van opmaak en afbeeldingstags omdat deze content voor meer media te gebruiken zoals bijvoorbeeld een kabelkrant.
Toch is het soms wenselijk om tussen de tekst een afbeelding te kunnen opnemen. Hoe doen andere cms'en dit?
Aanvullende vraag is, hoe om te gaan met meerdere resoluties van de afbeeldingen. Ik sla nu de afbeelding op in 1280 x 720 en in 100 x 56 voor een thumbnail. Echter op nieuwsoverzichtspagina worden de afbeeldingen veel kleiner weergegeven dan bij het bericht zelf, dus eigenlijk is hier geen hoge resolutie afbeelding voor nodig.
Is het dan wijs om de afbeelding nog een keer met een lagere resolutie op te slaan? Kost wel veel meer opslagruimte, maar laad tijd wordt natuurlijk wel sneller. Wat is hier gebruikelijk in?
Eerst dacht ik aan UBB-tags, maar dan komen er standaard weer paragraph-tags om, wat niet altijd gewenst is.
Een grote bekende site lijkt in hun eigen CMS HTML-achtige tags te gebruiken. Zoiets als dit:
Code (php)
1
2
3
4
5
2
3
4
5
<cms-image data-image-id="42"></cms-image>
<cms-gallery data-gallery-id="5"></cms-gallery>
<cms-youtube data-youtube-id="AbCdEfG123"></cms-youtube>
<cms-tweet data-tweet-id="1234567890"></cms-tweet>
<cms-instagram data-instagram-id="1234567890"></cms-instagram>
<cms-gallery data-gallery-id="5"></cms-gallery>
<cms-youtube data-youtube-id="AbCdEfG123"></cms-youtube>
<cms-tweet data-tweet-id="1234567890"></cms-tweet>
<cms-instagram data-instagram-id="1234567890"></cms-instagram>
En dan staat er in de WYSIWYG een mooie placeholder.
Echter heeft het wel wat voeten in de aarde om CKeditor om te kunnen laten gaan met deze tags. En voor het gemak moet je een mooie userinterface bouwen.
Gewijzigd op 08/10/2024 17:54:20 door - Ariën -
- Ariën - op 08/10/2024 15:44:47:
En dan staat er in de WYSIWYG een mooie placeholder.
Echter heeft het wel wat voeten in de aarde om CKeditor om te kunnen laten gaan met deze tags. En voor het gemak moet je een mooie userinterface bouwen.
Echter heeft het wel wat voeten in de aarde om CKeditor om te kunnen laten gaan met deze tags. En voor het gemak moet je een mooie userinterface bouwen.
Placeholder is natuurlijk we te realiseren. Kwestie van handmatig die 'tag' intikken in CKEditor. Deze is er later wel weer uit te filteren wanneer je de tekst-content ergens anders voor nodig hebt. Echter het mooist zou zijn als je die placeholder er gewoon in zou kunnen slepen nadat je de afbeelding hebt toegevoegd.
Ik voeg nu de afbeeldingen toe onder aan het formulier. De 1e afbeelding komt op de website boven het bericht te staan, en de rest van de afbeeldingen onder het bericht. Door middel van jQuery UI kan ik de afbeeldingen onderling van positie wisselen door te slepen. Mooiste zou zijn om ze naar de CKEditor te kunnen slepen en dat daar dan de Placeholder zou komen te staan. Maar dat kan denk ik niet...