Spoiler alert: de layout mogelijkheden zijn beperkt.
Ter opvulling even een langere tekst. Nu even een langere tekst. Nu even een langere tekst. Nu even een langere tekst. Nu even een langere tekst. Nu even een langere tekst. Nu even een langere tekst. Nu even een langere tekst.
Bij het invoegen van plaatjes kan ik kiezen tussen links, rechts en midden. Hier komt een kleine afbeelding die rechts is uitgelijnd.
Helaas loopt de tekst links niet door. Nu even een langere tekst. Nu even een langere tekst. Nu even een langere tekst. Nu even een langere tekst. Nu even een langere tekst. Nu even een langere tekst. Nu even een langere tekst. Nu even een langere tekst.
Hier een kleine afbeelding die links is uitgelijnd. Loopt de tekst er dan rechts langs?
Nu even een langere tekst. Nu even een langere tekst. Nu even een langere tekst. Nu even een langere tekst. Nu even een langere tekst. Nu even een langere tekst. Nu even een langere tekst. Nu even een langere tekst.
Hier een medium afbeelding rechts.
Nu even een langere tekst. Nu even een langere tekst. Nu even een langere tekst. Nu even een langere tekst. Nu even een langere tekst. Nu even een langere tekst. Nu even een langere tekst. Nu even een langere tekst.
Hier een medium afbeelding links.
Nu even een langere tekst. Nu even een langere tekst. Nu even een langere tekst. Nu even een langere tekst. Nu even een langere tekst. Nu even een langere tekst. Nu even een langere tekst. Nu even een langere tekst.
Er is dus feitelijk ook niet echt een verschil met links uitlijnen en volledige breedte, toch?
Nu even een langere tekst. Nu even een langere tekst. Nu even een langere tekst. Nu even een langere tekst. Nu even een langere tekst. Nu even een langere tekst. Nu even een langere tekst. Nu even een langere tekst.
Nu ga ik proberen om een plaatje toe te voegen die bestaat uit vier kleine plaatjes in-een. Dus de volgende afbeelding is één plaatje. Wat ik dus zou willen is dan dat de tekst aan de linkerkant door zou lopen.
De tekst loopt dus ook niet door als de afbeelding heel smal en hoog is. Als ik in HTML kan werken zou ik bij het IMG invoegen het kenmerk naast het kenmerk align=right toevoegen ook een hspace en vspace toevoegen. Dan loopt het er netjes omheen. Als ik het met CSS zou doen, zouj ik kijken naar Display Inline ipv Block. Maar dat kan ik niet via het blokken systeem. Ik kan dus wel een align instellen, maar de tekst loopt er nooit omheen.
Misschien kan ik HTML invoegen?
<font color='red'>Rode tekst</font>
Niet dus. Helaas. Of ik moet de bezoeker naar een externe pagina sturen om tekst in plaatjes gieten maar dat heeft ook nadelen. Wat ik zou willen is gewon een pagina over een zwembad waarbij afwisselend tekst en plaatjes worden getoond. Bijvoorbeeld zoals deze pagina. Wat ook niet lukt is een non-breaking space tussenvoegen, nu kan ik er niet voor zorgen dat de woorden "deze" en "pagina" altijd bij elkaar blijven (maak de browser maar breder of smaller als je kunt en dan zie je het 'breken'). Dat zou ik in HTML doen met "deze pagina" en dan wordt er nooit afgebroken tussen die twee woorden.
De bron van de pagina (het resultaat)
Als ik de bron van de resultaat pagina bekijk, dan zie ik voor een plaatje dit soort codes:
<img alt="test_medium.png" class="richtext-image rounded-lg right" height="208" src="https://d36vnfu30axlj8.cloudfront.net/images/test_medium.width-500.png" width="252">
Dus het probleem zit waarschijnlijk dat er aan de image een class wordt toegevoegd. In CSS heeft een image kennelijk een Block instelling. Kan ik images toevoegen via bovenstaande tekst en dan de class er uit halen?
<img alt="test_medium.png" height="208" src="https://d36vnfu30axlj8.cloudfront.net/images/test_medium.width-500.png" width="252">
Wat ik mis
Een aantal belangrijke dingen die ik mis bij het bouwen in dit systeem:
- Tekst aan de linkerkant door laten lopen als ik rechts een kleine afbeelding plaats
- De mogelijkheid om bepaalde HTML codes in te voeren zoals een harde spatie ( ) of een zachte enter (<br>)
- De mogelijkheid om bepaalde belangrijke teksten bijvoorbeeld rood te maken, nu kan ik die regels alleen vet maken en aangezien koppen ook vet zijn kan ik een tekst daarmee niet echt uit laten springen
- De mogelijkheid om foto's clickable te maken, dat ik ze klein toon maar dat deze dan in een groot scherm wordt getoond
Dit laatste heb ik ook getest. Ik kan een externe link maken vanuit een tekst. Maar ik een plaatje niet clickable maken. Als ik eerst het plaatje maak, die selecteer en een link maak dan verdwijnt het plaatje. Als ik eerst de link maak en dan in het midden een plaatje wil invoegen, krijg ik een server error.
Klik op deze afbeelding voor een grotere afbeelding <- dit lukt dus niet...
Is er misschien een mogelijkheid een HTML item toe te voegen in de lijst "Afbeelding / Paragraaf / Button / Video / etc"? Dus een blok op een pagina waar ik HTML in kan schrijven? Dan kan ik dezelfde dingen doen als bij Afbeelding en Paragraaf maar dan kan ik die items wel combineren tot een layout die mooier is, dan de 'recht-toe-recht-aan' layout zoals die nu is.
Bedankt!