https://docs.xpressionmanager.nl/index.php?action=history&feed=atom&title=Vrije_afbeeldingenVrije afbeeldingen - Bewerkingsoverzicht2026-05-05T13:59:23ZBewerkingsoverzicht voor deze pagina op de wikiMediaWiki 1.41.1https://docs.xpressionmanager.nl/index.php?title=Vrije_afbeeldingen&diff=1175&oldid=prevLammert Schoonewille op 22 feb 2022 om 10:392022-02-22T10:39:33Z<p></p>
<table style="background-color: #fff; color: #202122;" data-mw="interface">
<col class="diff-marker" />
<col class="diff-content" />
<col class="diff-marker" />
<col class="diff-content" />
<tr class="diff-title" lang="nl">
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← Oudere versie</td>
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Versie van 22 feb 2022 10:39</td>
</tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l1">Regel 1:</td>
<td colspan="2" class="diff-lineno">Regel 1:</td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> [[Hoofdpagina|<<< Terug naar index]]</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> [[Hoofdpagina|<<< Terug naar index]]</div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td></tr>
<tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>Vrije afbeeldingen zijn afbeeldingen die vrij in een text area of HTML-area geplaatst kunnen worden. Hiermee hoeft er geen vaste positie ingesteld te worden voor deze afbeeldingen. Deze kunnen door de gebruiker op de gewenste plaats worden gesleept en de grootte daarvan kan door de gebruiker zelf worden aangepast. De tekst loopt vervolgens om deze vrije afbeelding heen. Hiervoor moet het veld van de vrije afbeelding boven de tekstenvelden staan waar deze in geplaatst moet worden en moet bij de tekstvelden de tekstomloop worden ingesteld. Een vereiste is dat bij het template serversiderending aan staat.</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>Vrije afbeeldingen <ins style="font-weight: bold; text-decoration: none;">(freeimage) </ins>zijn afbeeldingen die vrij in een text area of HTML-area geplaatst kunnen worden. Hiermee hoeft er geen vaste positie ingesteld te worden voor deze afbeeldingen. Deze kunnen door de gebruiker op de gewenste plaats worden gesleept en de grootte daarvan kan door de gebruiker zelf worden aangepast. De tekst loopt vervolgens om deze vrije afbeelding heen. Hiervoor moet het veld van de vrije afbeelding boven de tekstenvelden staan waar deze in geplaatst moet worden en moet bij de tekstvelden de tekstomloop worden ingesteld. Een vereiste is dat bij het template serversiderending aan staat.</div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>*Zet bij het template serversiderendering aan. Dat kun je doen door bij het template, onder 'Template' > 'Instellingen' in het veld 'Configuratieveld' in te vullen: '#serversiderendering:1'.</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>*Zet bij het template serversiderendering aan. Dat kun je doen door bij het template, onder 'Template' > 'Instellingen' in het veld 'Configuratieveld' in te vullen: '#serversiderendering:1'.</div></td></tr>
</table>Lammert Schoonewillehttps://docs.xpressionmanager.nl/index.php?title=Vrije_afbeeldingen&diff=1151&oldid=prevLammert Schoonewille op 25 mei 2021 om 06:572021-05-25T06:57:22Z<p></p>
<table style="background-color: #fff; color: #202122;" data-mw="interface">
<col class="diff-marker" />
<col class="diff-content" />
<col class="diff-marker" />
<col class="diff-content" />
<tr class="diff-title" lang="nl">
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← Oudere versie</td>
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Versie van 25 mei 2021 06:57</td>
</tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l1">Regel 1:</td>
<td colspan="2" class="diff-lineno">Regel 1:</td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> [[Hoofdpagina|<<< Terug naar index]]</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> [[Hoofdpagina|<<< Terug naar index]]</div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td></tr>
<tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>Vrije afbeeldingen zijn afbeeldingen die vrij in een text area geplaatst kunnen worden. Hiermee hoeft er geen vaste positie ingesteld te worden voor deze afbeeldingen. Deze kunnen door de gebruiker op de gewenste plaats worden gesleept en de grootte daarvan kan door de gebruiker zelf worden aangepast. De tekst loopt vervolgens om deze vrije afbeelding heen. Hiervoor moet het veld van de vrije afbeelding boven de tekstenvelden staan waar deze in geplaatst moet worden en moet bij de tekstvelden de tekstomloop worden ingesteld. Een vereiste is dat bij het template serversiderending aan staat.</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>Vrije afbeeldingen zijn afbeeldingen die vrij in een text <ins style="font-weight: bold; text-decoration: none;">area of HTML-</ins>area geplaatst kunnen worden. Hiermee hoeft er geen vaste positie ingesteld te worden voor deze afbeeldingen. Deze kunnen door de gebruiker op de gewenste plaats worden gesleept en de grootte daarvan kan door de gebruiker zelf worden aangepast. De tekst loopt vervolgens om deze vrije afbeelding heen. Hiervoor moet het veld van de vrije afbeelding boven de tekstenvelden staan waar deze in geplaatst moet worden en moet bij de tekstvelden de tekstomloop worden ingesteld. Een vereiste is dat bij het template serversiderending aan staat.</div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>*Zet bij het template serversiderendering aan. Dat kun je doen door bij het template, onder 'Template' > 'Instellingen' in het veld 'Configuratieveld' in te vullen: '#serversiderendering:1'.</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>*Zet bij het template serversiderendering aan. Dat kun je doen door bij het template, onder 'Template' > 'Instellingen' in het veld 'Configuratieveld' in te vullen: '#serversiderendering:1'.</div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>*Plaats boven het veld waarin je de vrije afbeelding wilt gebruiken een veld met de veldnaam 'freeimage'. Het veldtype wordt nu automatisch op 'Hidden image' gezet en de 'Opmaakkenmerken' worden verborgen.</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>*Plaats boven het veld waarin je de vrije afbeelding wilt gebruiken een veld met de veldnaam 'freeimage'. Het veldtype wordt nu automatisch op 'Hidden image' gezet en de 'Opmaakkenmerken' worden verborgen.</div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>*Bij de 'Standaard waarde' van het veld kun je eventueel instellen of de vrije afbeelding moet 'snappen' op bepaalde punten. Vul je daar niks in, dan kan de vrije afbeelding op elk willekeurig punt in de textarea worden geplaatst. Je kunt hier bijvoorbeeld instellen: '#snap_x_mm: 10,200' en '#snap_y_mm:10,20,30,40,50,60,70,80,90'. (elk op een aparte regel in de 'Standaard waarde'). Deze waardes die worden ingevuld zijn de coördinaten in mm vanaf de trimbox. In dit voorbeeld zal de vrije afbeelding 'snappen' op x-coördinaat 10 en 20, en op y-coördinaten 10 tot en met 90.</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>*Bij de 'Standaard waarde' van het veld kun je eventueel instellen of de vrije afbeelding moet 'snappen' op bepaalde punten. Vul je daar niks in, dan kan de vrije afbeelding op elk willekeurig punt in de textarea worden geplaatst. Je kunt hier bijvoorbeeld instellen: '#snap_x_mm: 10,200' en '#snap_y_mm:10,20,30,40,50,60,70,80,90'. (elk op een aparte regel in de 'Standaard waarde'). Deze waardes die worden ingevuld zijn de coördinaten in mm vanaf de trimbox. In dit voorbeeld zal de vrije afbeelding 'snappen' op x-coördinaat 10 en 20, en op y-coördinaten 10 tot en met 90.</div></td></tr>
<tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">*Zet de 'Plaatsing' van dit veld op 'Expliciet plaatsen op pagina 1' (of op welke pagina je deze ook wilt tonen).</ins></div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>*Ga vervolgens naar de opmaakkenmerken van de text area waarvan je de tekst om de afbeeldingen wilt laten lopen. </div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>*Ga vervolgens naar de opmaakkenmerken van de text area waarvan je de tekst om de afbeeldingen wilt laten lopen. </div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>*Vul bij de 'Opmaakkenmerken' > 'Objectopmaak' in het veld 'Tekstomloop' in: 'IMG_freeimage'. Dit zorgt voor de tekstomloop rondom de vrije afbeelding.</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>*Vul bij de 'Opmaakkenmerken' > 'Objectopmaak' in het veld 'Tekstomloop' in: 'IMG_freeimage'. Dit zorgt voor de tekstomloop rondom de vrije afbeelding.</div></td></tr>
</table>Lammert Schoonewillehttps://docs.xpressionmanager.nl/index.php?title=Vrije_afbeeldingen&diff=1150&oldid=prevLammert Schoonewille op 3 mei 2021 om 11:462021-05-03T11:46:50Z<p></p>
<table style="background-color: #fff; color: #202122;" data-mw="interface">
<col class="diff-marker" />
<col class="diff-content" />
<col class="diff-marker" />
<col class="diff-content" />
<tr class="diff-title" lang="nl">
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← Oudere versie</td>
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Versie van 3 mei 2021 11:46</td>
</tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l6">Regel 6:</td>
<td colspan="2" class="diff-lineno">Regel 6:</td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>*Plaats boven het veld waarin je de vrije afbeelding wilt gebruiken een veld met de veldnaam 'freeimage'. Het veldtype wordt nu automatisch op 'Hidden image' gezet en de 'Opmaakkenmerken' worden verborgen.</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>*Plaats boven het veld waarin je de vrije afbeelding wilt gebruiken een veld met de veldnaam 'freeimage'. Het veldtype wordt nu automatisch op 'Hidden image' gezet en de 'Opmaakkenmerken' worden verborgen.</div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>*Bij de 'Standaard waarde' van het veld kun je eventueel instellen of de vrije afbeelding moet 'snappen' op bepaalde punten. Vul je daar niks in, dan kan de vrije afbeelding op elk willekeurig punt in de textarea worden geplaatst. Je kunt hier bijvoorbeeld instellen: '#snap_x_mm: 10,200' en '#snap_y_mm:10,20,30,40,50,60,70,80,90'. (elk op een aparte regel in de 'Standaard waarde'). Deze waardes die worden ingevuld zijn de coördinaten in mm vanaf de trimbox. In dit voorbeeld zal de vrije afbeelding 'snappen' op x-coördinaat 10 en 20, en op y-coördinaten 10 tot en met 90.</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>*Bij de 'Standaard waarde' van het veld kun je eventueel instellen of de vrije afbeelding moet 'snappen' op bepaalde punten. Vul je daar niks in, dan kan de vrije afbeelding op elk willekeurig punt in de textarea worden geplaatst. Je kunt hier bijvoorbeeld instellen: '#snap_x_mm: 10,200' en '#snap_y_mm:10,20,30,40,50,60,70,80,90'. (elk op een aparte regel in de 'Standaard waarde'). Deze waardes die worden ingevuld zijn de coördinaten in mm vanaf de trimbox. In dit voorbeeld zal de vrije afbeelding 'snappen' op x-coördinaat 10 en 20, en op y-coördinaten 10 tot en met 90.</div></td></tr>
<tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;">*Vink bij de opties de optie 'Dit veld tonen op detailpagina' aan zodat dit zoekveld ook bij het filteren wordt getoond.</del></div></td><td colspan="2" class="diff-side-added"></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>*Ga vervolgens naar de opmaakkenmerken van de text area waarvan je de tekst om de afbeeldingen wilt laten lopen. </div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>*Ga vervolgens naar de opmaakkenmerken van de text area waarvan je de tekst om de afbeeldingen wilt laten lopen. </div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>*Vul bij de 'Opmaakkenmerken' > 'Objectopmaak' in het veld 'Tekstomloop' in: 'IMG_freeimage'. Dit zorgt voor de tekstomloop rondom de vrije afbeelding.</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>*Vul bij de 'Opmaakkenmerken' > 'Objectopmaak' in het veld 'Tekstomloop' in: 'IMG_freeimage'. Dit zorgt voor de tekstomloop rondom de vrije afbeelding.</div></td></tr>
</table>Lammert Schoonewillehttps://docs.xpressionmanager.nl/index.php?title=Vrije_afbeeldingen&diff=1149&oldid=prevLammert Schoonewille op 3 mei 2021 om 11:422021-05-03T11:42:59Z<p></p>
<table style="background-color: #fff; color: #202122;" data-mw="interface">
<col class="diff-marker" />
<col class="diff-content" />
<col class="diff-marker" />
<col class="diff-content" />
<tr class="diff-title" lang="nl">
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← Oudere versie</td>
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Versie van 3 mei 2021 11:42</td>
</tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l6">Regel 6:</td>
<td colspan="2" class="diff-lineno">Regel 6:</td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>*Plaats boven het veld waarin je de vrije afbeelding wilt gebruiken een veld met de veldnaam 'freeimage'. Het veldtype wordt nu automatisch op 'Hidden image' gezet en de 'Opmaakkenmerken' worden verborgen.</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>*Plaats boven het veld waarin je de vrije afbeelding wilt gebruiken een veld met de veldnaam 'freeimage'. Het veldtype wordt nu automatisch op 'Hidden image' gezet en de 'Opmaakkenmerken' worden verborgen.</div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>*Bij de 'Standaard waarde' van het veld kun je eventueel instellen of de vrije afbeelding moet 'snappen' op bepaalde punten. Vul je daar niks in, dan kan de vrije afbeelding op elk willekeurig punt in de textarea worden geplaatst. Je kunt hier bijvoorbeeld instellen: '#snap_x_mm: 10,200' en '#snap_y_mm:10,20,30,40,50,60,70,80,90'. (elk op een aparte regel in de 'Standaard waarde'). Deze waardes die worden ingevuld zijn de coördinaten in mm vanaf de trimbox. In dit voorbeeld zal de vrije afbeelding 'snappen' op x-coördinaat 10 en 20, en op y-coördinaten 10 tot en met 90.</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>*Bij de 'Standaard waarde' van het veld kun je eventueel instellen of de vrije afbeelding moet 'snappen' op bepaalde punten. Vul je daar niks in, dan kan de vrije afbeelding op elk willekeurig punt in de textarea worden geplaatst. Je kunt hier bijvoorbeeld instellen: '#snap_x_mm: 10,200' en '#snap_y_mm:10,20,30,40,50,60,70,80,90'. (elk op een aparte regel in de 'Standaard waarde'). Deze waardes die worden ingevuld zijn de coördinaten in mm vanaf de trimbox. In dit voorbeeld zal de vrije afbeelding 'snappen' op x-coördinaat 10 en 20, en op y-coördinaten 10 tot en met 90.</div></td></tr>
<tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>*Vink bij de opties de optie 'Dit veld tonen op detailpagina' aan zodat dit zoekveld ook <del style="font-weight: bold; text-decoration: none;">op de detailpagina van de asset </del>wordt getoond.</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>*Vink bij de opties de optie 'Dit veld tonen op detailpagina' aan zodat dit zoekveld ook <ins style="font-weight: bold; text-decoration: none;">bij het filteren </ins>wordt getoond.</div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>*Ga vervolgens naar de opmaakkenmerken van de text area waarvan je de tekst om de afbeeldingen wilt laten lopen. </div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>*Ga vervolgens naar de opmaakkenmerken van de text area waarvan je de tekst om de afbeeldingen wilt laten lopen. </div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>*Vul bij de 'Opmaakkenmerken' > 'Objectopmaak' in het veld 'Tekstomloop' in: 'IMG_freeimage'. Dit zorgt voor de tekstomloop rondom de vrije afbeelding.</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>*Vul bij de 'Opmaakkenmerken' > 'Objectopmaak' in het veld 'Tekstomloop' in: 'IMG_freeimage'. Dit zorgt voor de tekstomloop rondom de vrije afbeelding.</div></td></tr>
</table>Lammert Schoonewillehttps://docs.xpressionmanager.nl/index.php?title=Vrije_afbeeldingen&diff=1148&oldid=prevLammert Schoonewille op 3 mei 2021 om 11:412021-05-03T11:41:00Z<p></p>
<table style="background-color: #fff; color: #202122;" data-mw="interface">
<col class="diff-marker" />
<col class="diff-content" />
<col class="diff-marker" />
<col class="diff-content" />
<tr class="diff-title" lang="nl">
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← Oudere versie</td>
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Versie van 3 mei 2021 11:41</td>
</tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l6">Regel 6:</td>
<td colspan="2" class="diff-lineno">Regel 6:</td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>*Plaats boven het veld waarin je de vrije afbeelding wilt gebruiken een veld met de veldnaam 'freeimage'. Het veldtype wordt nu automatisch op 'Hidden image' gezet en de 'Opmaakkenmerken' worden verborgen.</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>*Plaats boven het veld waarin je de vrije afbeelding wilt gebruiken een veld met de veldnaam 'freeimage'. Het veldtype wordt nu automatisch op 'Hidden image' gezet en de 'Opmaakkenmerken' worden verborgen.</div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>*Bij de 'Standaard waarde' van het veld kun je eventueel instellen of de vrije afbeelding moet 'snappen' op bepaalde punten. Vul je daar niks in, dan kan de vrije afbeelding op elk willekeurig punt in de textarea worden geplaatst. Je kunt hier bijvoorbeeld instellen: '#snap_x_mm: 10,200' en '#snap_y_mm:10,20,30,40,50,60,70,80,90'. (elk op een aparte regel in de 'Standaard waarde'). Deze waardes die worden ingevuld zijn de coördinaten in mm vanaf de trimbox. In dit voorbeeld zal de vrije afbeelding 'snappen' op x-coördinaat 10 en 20, en op y-coördinaten 10 tot en met 90.</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>*Bij de 'Standaard waarde' van het veld kun je eventueel instellen of de vrije afbeelding moet 'snappen' op bepaalde punten. Vul je daar niks in, dan kan de vrije afbeelding op elk willekeurig punt in de textarea worden geplaatst. Je kunt hier bijvoorbeeld instellen: '#snap_x_mm: 10,200' en '#snap_y_mm:10,20,30,40,50,60,70,80,90'. (elk op een aparte regel in de 'Standaard waarde'). Deze waardes die worden ingevuld zijn de coördinaten in mm vanaf de trimbox. In dit voorbeeld zal de vrije afbeelding 'snappen' op x-coördinaat 10 en 20, en op y-coördinaten 10 tot en met 90.</div></td></tr>
<tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">*Vink bij de opties de optie 'Dit veld tonen op detailpagina' aan zodat dit zoekveld ook op de detailpagina van de asset wordt getoond.</ins></div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>*Ga vervolgens naar de opmaakkenmerken van de text area waarvan je de tekst om de afbeeldingen wilt laten lopen. </div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>*Ga vervolgens naar de opmaakkenmerken van de text area waarvan je de tekst om de afbeeldingen wilt laten lopen. </div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>*Vul bij de 'Opmaakkenmerken' > 'Objectopmaak' in het veld 'Tekstomloop' in: 'IMG_freeimage'. Dit zorgt voor de tekstomloop rondom de vrije afbeelding.</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>*Vul bij de 'Opmaakkenmerken' > 'Objectopmaak' in het veld 'Tekstomloop' in: 'IMG_freeimage'. Dit zorgt voor de tekstomloop rondom de vrije afbeelding.</div></td></tr>
</table>Lammert Schoonewillehttps://docs.xpressionmanager.nl/index.php?title=Vrije_afbeeldingen&diff=1147&oldid=prevLammert Schoonewille op 3 mei 2021 om 11:322021-05-03T11:32:11Z<p></p>
<table style="background-color: #fff; color: #202122;" data-mw="interface">
<col class="diff-marker" />
<col class="diff-content" />
<col class="diff-marker" />
<col class="diff-content" />
<tr class="diff-title" lang="nl">
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← Oudere versie</td>
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Versie van 3 mei 2021 11:32</td>
</tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l6">Regel 6:</td>
<td colspan="2" class="diff-lineno">Regel 6:</td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>*Plaats boven het veld waarin je de vrije afbeelding wilt gebruiken een veld met de veldnaam 'freeimage'. Het veldtype wordt nu automatisch op 'Hidden image' gezet en de 'Opmaakkenmerken' worden verborgen.</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>*Plaats boven het veld waarin je de vrije afbeelding wilt gebruiken een veld met de veldnaam 'freeimage'. Het veldtype wordt nu automatisch op 'Hidden image' gezet en de 'Opmaakkenmerken' worden verborgen.</div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>*Bij de 'Standaard waarde' van het veld kun je eventueel instellen of de vrije afbeelding moet 'snappen' op bepaalde punten. Vul je daar niks in, dan kan de vrije afbeelding op elk willekeurig punt in de textarea worden geplaatst. Je kunt hier bijvoorbeeld instellen: '#snap_x_mm: 10,200' en '#snap_y_mm:10,20,30,40,50,60,70,80,90'. (elk op een aparte regel in de 'Standaard waarde'). Deze waardes die worden ingevuld zijn de coördinaten in mm vanaf de trimbox. In dit voorbeeld zal de vrije afbeelding 'snappen' op x-coördinaat 10 en 20, en op y-coördinaten 10 tot en met 90.</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>*Bij de 'Standaard waarde' van het veld kun je eventueel instellen of de vrije afbeelding moet 'snappen' op bepaalde punten. Vul je daar niks in, dan kan de vrije afbeelding op elk willekeurig punt in de textarea worden geplaatst. Je kunt hier bijvoorbeeld instellen: '#snap_x_mm: 10,200' en '#snap_y_mm:10,20,30,40,50,60,70,80,90'. (elk op een aparte regel in de 'Standaard waarde'). Deze waardes die worden ingevuld zijn de coördinaten in mm vanaf de trimbox. In dit voorbeeld zal de vrije afbeelding 'snappen' op x-coördinaat 10 en 20, en op y-coördinaten 10 tot en met 90.</div></td></tr>
<tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>*Ga vervolgens naar de opmaakkenmerken van de <del style="font-weight: bold; text-decoration: none;">textarea of HTML-</del>area waarvan je de tekst om de afbeeldingen wilt laten lopen. </div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>*Ga vervolgens naar de opmaakkenmerken van de <ins style="font-weight: bold; text-decoration: none;">text </ins>area waarvan je de tekst om de afbeeldingen wilt laten lopen. </div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>*Vul bij de 'Opmaakkenmerken' > 'Objectopmaak' in het veld 'Tekstomloop' in: 'IMG_freeimage'. Dit zorgt voor de tekstomloop rondom de vrije afbeelding.</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>*Vul bij de 'Opmaakkenmerken' > 'Objectopmaak' in het veld 'Tekstomloop' in: 'IMG_freeimage'. Dit zorgt voor de tekstomloop rondom de vrije afbeelding.</div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>*In de frontend bij het template ziet de gebruiker nu boven de preview een knop 'Afbeelding toevoegen' om de vrije afbeelding te plaatsen.</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>*In de frontend bij het template ziet de gebruiker nu boven de preview een knop 'Afbeelding toevoegen' om de vrije afbeelding te plaatsen.</div></td></tr>
</table>Lammert Schoonewillehttps://docs.xpressionmanager.nl/index.php?title=Vrije_afbeeldingen&diff=1146&oldid=prevLammert Schoonewille op 3 mei 2021 om 11:312021-05-03T11:31:39Z<p></p>
<table style="background-color: #fff; color: #202122;" data-mw="interface">
<col class="diff-marker" />
<col class="diff-content" />
<col class="diff-marker" />
<col class="diff-content" />
<tr class="diff-title" lang="nl">
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← Oudere versie</td>
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Versie van 3 mei 2021 11:31</td>
</tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l1">Regel 1:</td>
<td colspan="2" class="diff-lineno">Regel 1:</td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> [[Hoofdpagina|<<< Terug naar index]]</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> [[Hoofdpagina|<<< Terug naar index]]</div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td></tr>
<tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>Vrije afbeeldingen zijn afbeeldingen die vrij in een text<del style="font-weight: bold; text-decoration: none;">-</del>area geplaatst kunnen worden. Hiermee hoeft er geen vaste positie ingesteld te worden voor deze afbeeldingen. Deze kunnen door de gebruiker op de gewenste plaats worden gesleept en de grootte daarvan kan door de gebruiker zelf worden aangepast. De tekst loopt vervolgens om deze vrije afbeelding heen. Hiervoor moet het veld van de vrije afbeelding boven de tekstenvelden staan waar deze in geplaatst moet worden en moet bij de tekstvelden de tekstomloop worden ingesteld. Een vereiste is dat bij het template serversiderending aan staat.</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>Vrije afbeeldingen zijn afbeeldingen die vrij in een text area geplaatst kunnen worden. Hiermee hoeft er geen vaste positie ingesteld te worden voor deze afbeeldingen. Deze kunnen door de gebruiker op de gewenste plaats worden gesleept en de grootte daarvan kan door de gebruiker zelf worden aangepast. De tekst loopt vervolgens om deze vrije afbeelding heen. Hiervoor moet het veld van de vrije afbeelding boven de tekstenvelden staan waar deze in geplaatst moet worden en moet bij de tekstvelden de tekstomloop worden ingesteld. Een vereiste is dat bij het template serversiderending aan staat.</div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>*Zet bij het template serversiderendering aan. Dat kun je doen door bij het template, onder 'Template' > 'Instellingen' in het veld 'Configuratieveld' in te vullen: '#serversiderendering:1'.</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>*Zet bij het template serversiderendering aan. Dat kun je doen door bij het template, onder 'Template' > 'Instellingen' in het veld 'Configuratieveld' in te vullen: '#serversiderendering:1'.</div></td></tr>
</table>Lammert Schoonewillehttps://docs.xpressionmanager.nl/index.php?title=Vrije_afbeeldingen&diff=1145&oldid=prevLammert Schoonewille op 3 mei 2021 om 11:312021-05-03T11:31:33Z<p></p>
<table style="background-color: #fff; color: #202122;" data-mw="interface">
<col class="diff-marker" />
<col class="diff-content" />
<col class="diff-marker" />
<col class="diff-content" />
<tr class="diff-title" lang="nl">
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← Oudere versie</td>
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Versie van 3 mei 2021 11:31</td>
</tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l1">Regel 1:</td>
<td colspan="2" class="diff-lineno">Regel 1:</td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> [[Hoofdpagina|<<< Terug naar index]]</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> [[Hoofdpagina|<<< Terug naar index]]</div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td></tr>
<tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>Vrije afbeeldingen zijn afbeeldingen die vrij in een text<del style="font-weight: bold; text-decoration: none;">- of HTML</del>-area geplaatst kunnen worden. Hiermee hoeft er geen vaste positie ingesteld te worden voor deze afbeeldingen. Deze kunnen door de gebruiker op de gewenste plaats worden gesleept en de grootte daarvan kan door de gebruiker zelf worden aangepast. De tekst loopt vervolgens om deze vrije afbeelding heen. Hiervoor moet het veld van de vrije afbeelding boven de tekstenvelden staan waar deze in geplaatst moet worden en moet bij de tekstvelden de tekstomloop worden ingesteld. Een vereiste is dat bij het template serversiderending aan staat.</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>Vrije afbeeldingen zijn afbeeldingen die vrij in een text-area geplaatst kunnen worden. Hiermee hoeft er geen vaste positie ingesteld te worden voor deze afbeeldingen. Deze kunnen door de gebruiker op de gewenste plaats worden gesleept en de grootte daarvan kan door de gebruiker zelf worden aangepast. De tekst loopt vervolgens om deze vrije afbeelding heen. Hiervoor moet het veld van de vrije afbeelding boven de tekstenvelden staan waar deze in geplaatst moet worden en moet bij de tekstvelden de tekstomloop worden ingesteld. Een vereiste is dat bij het template serversiderending aan staat.</div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>*Zet bij het template serversiderendering aan. Dat kun je doen door bij het template, onder 'Template' > 'Instellingen' in het veld 'Configuratieveld' in te vullen: '#serversiderendering:1'.</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>*Zet bij het template serversiderendering aan. Dat kun je doen door bij het template, onder 'Template' > 'Instellingen' in het veld 'Configuratieveld' in te vullen: '#serversiderendering:1'.</div></td></tr>
</table>Lammert Schoonewillehttps://docs.xpressionmanager.nl/index.php?title=Vrije_afbeeldingen&diff=1144&oldid=prevDaan Smit op 30 apr 2021 om 08:342021-04-30T08:34:42Z<p></p>
<table style="background-color: #fff; color: #202122;" data-mw="interface">
<col class="diff-marker" />
<col class="diff-content" />
<col class="diff-marker" />
<col class="diff-content" />
<tr class="diff-title" lang="nl">
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← Oudere versie</td>
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Versie van 30 apr 2021 08:34</td>
</tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l4">Regel 4:</td>
<td colspan="2" class="diff-lineno">Regel 4:</td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>*Zet bij het template serversiderendering aan. Dat kun je doen door bij het template, onder 'Template' > 'Instellingen' in het veld 'Configuratieveld' in te vullen: '#serversiderendering:1'.</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>*Zet bij het template serversiderendering aan. Dat kun je doen door bij het template, onder 'Template' > 'Instellingen' in het veld 'Configuratieveld' in te vullen: '#serversiderendering:1'.</div></td></tr>
<tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>*Plaats boven het veld waarin je de vrije afbeelding wilt gebruiken een veld met de <del style="font-weight: bold; text-decoration: none;">naam 'Freeimages' en </del>veldnaam '<del style="font-weight: bold; text-decoration: none;">freeimages</del>'<del style="font-weight: bold; text-decoration: none;">, type </del>'Hidden image'<del style="font-weight: bold; text-decoration: none;">. Let op: </del>de <del style="font-weight: bold; text-decoration: none;">veldnaam moet </del>'<del style="font-weight: bold; text-decoration: none;">freeimages</del>' <del style="font-weight: bold; text-decoration: none;">heten, anders werkt het niet. De naam mag eventueel afwijken. Hoe je de plaatsing van het veld instelt maakt niet uit, want het wordt toegepast op het veld waarin je het instelt</del>.</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>*Plaats boven het veld waarin je de vrije afbeelding wilt gebruiken een veld met de veldnaam '<ins style="font-weight: bold; text-decoration: none;">freeimage</ins>'<ins style="font-weight: bold; text-decoration: none;">. Het veldtype wordt nu automatisch op </ins>'Hidden image' <ins style="font-weight: bold; text-decoration: none;">gezet en </ins>de '<ins style="font-weight: bold; text-decoration: none;">Opmaakkenmerken</ins>' <ins style="font-weight: bold; text-decoration: none;">worden verborgen</ins>.</div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>*Bij de 'Standaard waarde' van het veld kun je eventueel instellen of de vrije afbeelding moet 'snappen' op bepaalde punten. Vul je daar niks in, dan kan de vrije afbeelding op elk willekeurig punt in de textarea worden geplaatst. Je kunt hier bijvoorbeeld instellen: '#snap_x_mm: 10,200' en '#snap_y_mm:10,20,30,40,50,60,70,80,90'. (elk op een aparte regel in de 'Standaard waarde'). Deze waardes die worden ingevuld zijn de coördinaten in mm vanaf de trimbox. In dit voorbeeld zal de vrije afbeelding 'snappen' op x-coördinaat 10 en 20, en op y-coördinaten 10 tot en met 90.</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>*Bij de 'Standaard waarde' van het veld kun je eventueel instellen of de vrije afbeelding moet 'snappen' op bepaalde punten. Vul je daar niks in, dan kan de vrije afbeelding op elk willekeurig punt in de textarea worden geplaatst. Je kunt hier bijvoorbeeld instellen: '#snap_x_mm: 10,200' en '#snap_y_mm:10,20,30,40,50,60,70,80,90'. (elk op een aparte regel in de 'Standaard waarde'). Deze waardes die worden ingevuld zijn de coördinaten in mm vanaf de trimbox. In dit voorbeeld zal de vrije afbeelding 'snappen' op x-coördinaat 10 en 20, en op y-coördinaten 10 tot en met 90.</div></td></tr>
<tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>*Ga vervolgens naar de opmaakkenmerken van de textarea of HTML-area <del style="font-weight: bold; text-decoration: none;">waarin </del>je de <del style="font-weight: bold; text-decoration: none;">vrije afbeelding </del>wilt <del style="font-weight: bold; text-decoration: none;">plaatsen</del>. </div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>*Ga vervolgens naar de opmaakkenmerken van de textarea of HTML-area <ins style="font-weight: bold; text-decoration: none;">waarvan </ins>je de <ins style="font-weight: bold; text-decoration: none;">tekst om de afbeeldingen </ins>wilt <ins style="font-weight: bold; text-decoration: none;">laten lopen</ins>. </div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>*Vul bij de 'Opmaakkenmerken' > 'Objectopmaak' in het veld 'Tekstomloop' in: 'IMG_freeimage'. Dit zorgt voor de tekstomloop rondom de vrije afbeelding.</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>*Vul bij de 'Opmaakkenmerken' > 'Objectopmaak' in het veld 'Tekstomloop' in: 'IMG_freeimage'. Dit zorgt voor de tekstomloop rondom de vrije afbeelding.</div></td></tr>
<tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>*In de frontend bij het template ziet de gebruiker nu boven de preview een knop '<del style="font-weight: bold; text-decoration: none;">ADDSHAPE</del>' <del style="font-weight: bold; text-decoration: none;">(tekst kan afwijken) </del>om de vrije afbeelding te plaatsen.</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>*In de frontend bij het template ziet de gebruiker nu boven de preview een knop '<ins style="font-weight: bold; text-decoration: none;">Afbeelding toevoegen</ins>' om de vrije afbeelding te plaatsen.</div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>*De gebruiker kan een afbeelding uit de Beeldbank selecteren en vervolgens slepen op elke plek in de area. De afbeelding kan bovendien van grootte worden veranderd door de hoeken te verslepen.</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>*De gebruiker kan een afbeelding uit de Beeldbank selecteren en vervolgens slepen op elke plek in de area. De afbeelding kan bovendien van grootte worden veranderd door de hoeken te verslepen.</div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>*Zodra de afbeelding op de juiste plaats is gesleept wordt de preview aangepast en wordt de tekst om de vrije afbeelding heen geplaatst.</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>*Zodra de afbeelding op de juiste plaats is gesleept wordt de preview aangepast en wordt de tekst om de vrije afbeelding heen geplaatst.</div></td></tr>
<tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>*Wil je de vrije afbeelding weer verwijderen, dan klik je op de knop '<del style="font-weight: bold; text-decoration: none;">REMOVESHAPE</del>' <del style="font-weight: bold; text-decoration: none;">(tekst kan afwijken)</del>.</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>*Wil je de vrije afbeelding weer verwijderen, dan klik je op de knop '<ins style="font-weight: bold; text-decoration: none;">Afbeelding verwijderen</ins>'.</div></td></tr>
</table>Daan Smithttps://docs.xpressionmanager.nl/index.php?title=Vrije_afbeeldingen&diff=1143&oldid=prevLammert Schoonewille op 29 apr 2021 om 09:542021-04-29T09:54:04Z<p></p>
<table style="background-color: #fff; color: #202122;" data-mw="interface">
<col class="diff-marker" />
<col class="diff-content" />
<col class="diff-marker" />
<col class="diff-content" />
<tr class="diff-title" lang="nl">
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← Oudere versie</td>
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Versie van 29 apr 2021 09:54</td>
</tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l1">Regel 1:</td>
<td colspan="2" class="diff-lineno">Regel 1:</td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> [[Hoofdpagina|<<< Terug naar index]]</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> [[Hoofdpagina|<<< Terug naar index]]</div></td></tr>
<tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;"></ins></div></td></tr>
<tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">Vrije afbeeldingen zijn afbeeldingen die vrij in een text- of HTML-area geplaatst kunnen worden. Hiermee hoeft er geen vaste positie ingesteld te worden voor deze afbeeldingen. Deze kunnen door de gebruiker op de gewenste plaats worden gesleept en de grootte daarvan kan door de gebruiker zelf worden aangepast. De tekst loopt vervolgens om deze vrije afbeelding heen. Hiervoor moet het veld van de vrije afbeelding boven de tekstenvelden staan waar deze in geplaatst moet worden en moet bij de tekstvelden de tekstomloop worden ingesteld. Een vereiste is dat bij het template serversiderending aan staat.</ins></div></td></tr>
<tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;"></ins></div></td></tr>
<tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">*Zet bij het template serversiderendering aan. Dat kun je doen door bij het template, onder 'Template' > 'Instellingen' in het veld 'Configuratieveld' in te vullen: '#serversiderendering:1'.</ins></div></td></tr>
<tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">*Plaats boven het veld waarin je de vrije afbeelding wilt gebruiken een veld met de naam 'Freeimages' en veldnaam 'freeimages', type 'Hidden image'. Let op: de veldnaam moet 'freeimages' heten, anders werkt het niet. De naam mag eventueel afwijken. Hoe je de plaatsing van het veld instelt maakt niet uit, want het wordt toegepast op het veld waarin je het instelt.</ins></div></td></tr>
<tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">*Bij de 'Standaard waarde' van het veld kun je eventueel instellen of de vrije afbeelding moet 'snappen' op bepaalde punten. Vul je daar niks in, dan kan de vrije afbeelding op elk willekeurig punt in de textarea worden geplaatst. Je kunt hier bijvoorbeeld instellen: '#snap_x_mm: 10,200' en '#snap_y_mm:10,20,30,40,50,60,70,80,90'. (elk op een aparte regel in de 'Standaard waarde'). Deze waardes die worden ingevuld zijn de coördinaten in mm vanaf de trimbox. In dit voorbeeld zal de vrije afbeelding 'snappen' op x-coördinaat 10 en 20, en op y-coördinaten 10 tot en met 90.</ins></div></td></tr>
<tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">*Ga vervolgens naar de opmaakkenmerken van de textarea of HTML-area waarin je de vrije afbeelding wilt plaatsen. </ins></div></td></tr>
<tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">*Vul bij de 'Opmaakkenmerken' > 'Objectopmaak' in het veld 'Tekstomloop' in: 'IMG_freeimage'. Dit zorgt voor de tekstomloop rondom de vrije afbeelding.</ins></div></td></tr>
<tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">*In de frontend bij het template ziet de gebruiker nu boven de preview een knop 'ADDSHAPE' (tekst kan afwijken) om de vrije afbeelding te plaatsen.</ins></div></td></tr>
<tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">*De gebruiker kan een afbeelding uit de Beeldbank selecteren en vervolgens slepen op elke plek in de area. De afbeelding kan bovendien van grootte worden veranderd door de hoeken te verslepen.</ins></div></td></tr>
<tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">*Zodra de afbeelding op de juiste plaats is gesleept wordt de preview aangepast en wordt de tekst om de vrije afbeelding heen geplaatst.</ins></div></td></tr>
<tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">*Wil je de vrije afbeelding weer verwijderen, dan klik je op de knop 'REMOVESHAPE' (tekst kan afwijken).</ins></div></td></tr>
</table>Lammert Schoonewille