Pedagogische tips

Op zoek naar praktische pedagogische tips? Hieronder zetten we een aantal handige en leuke activiteiten op een rijtje, speciaal voor jou en je kind.

Inloopochtenden OuderWijzer

Heb je vragen over je kindje? Heb je tips of advies nodig, kom naar de inloopochtend van OuderWijzer. 

Emmi Pikler

Hierbij een mooi artikel over de visie van Emmi Pikler waar wij ook mee werken. Het artikel beschrijft op een duidelijke manier hoe wij naar kinderen kijken en op welke manier wij baby’s en kinderen benaderen. Er staan ook duidelijke bruikbare tips in om thuis uit te proberen en zo de wereld voor je kindje begrijpelijker en voorspelbaar te maken.

Voorleesplezier voor iedereen

Voorlezen is een leuke activiteit. Maar voorlezen is ook zo veel meer!
Zo leren kinderen sociale en emotionele vaardigheden, stimuleren we hun creativiteit én wordt hun taalontwikkeling geprikkeld.

Voorlezen gaat uiteraard het best in een taal die je zelf goed spreekt, je moedertaal. Via deze link vind je niet-Nederlandstalige boeken die wij regelmatig voorlezen aan onze kinderen. Zo kunnen jullie thuis in je moedertaal genieten van een fijn boek!

 

Wat is belangrijk bij opvoeden?

Opvoeden betekent dat je als ouder je kind begeleidt en steunt bij zijn of haar ontwikkeling. Zodat je kind iemand wordt die zelfstandig kan meedoen in de samenleving. Hoe doe je dat als ouder? En wat kun je verwachten in de ontwikkelingsfase waarin je kind nu zit?

In dit artikel wordt het per ontwikkelingsfase duidelijk omschreven.

Beweegadviezen voor kinderen van 0-4 jaar

Hoeveel moet een kind van 0 tot 4 jaar dagelijks bewegen om gezond op te groeien? Ook voor deze groep jonge kinderen zijn nu beweegadviezen opgesteld, inclusief maximale beeldschermtijden.

Binnen de dagopvang zijn wij bewust bezig met bewegen. In onze aantrekkelijke buitenruimtes hebben de kinderen voldoende mogelijkheden om te bewegen: lekker rennen, fietsen of klimmen en glijden. Daarnaast bieden onze Piklermaterialen in de groepsruimtes genoeg uitdaging en mogelijkheden voor kinderen om te kunnen bewegen. 

Het spelboek: zelf spelen & ontdekken 0-2 jaar

Het spelboek: 'Zelf spelen & ontdekken van 0-2 jaar is bedoeld voor verzorgers en ouders die werken of zelf kinderen hebben tussen de 0-2 jaar. Hoe begeleid je het spel, zodat het vanuit vrijheid kan ontstaan? Welk speelgoed, welke houding en vaardigheden van jou als verzorger of ouder is daar ondersteunend in?

Het boek is een rijke inspiratiebron voor ouders en professionals die met jonge kinderen werken. Wist je dat een boerenzakdoek heel geschikt is als eerste speeltje voor een baby die zijn/haar handen ontdekt? Heb je voor tijgeraars al een klimplateau en voor de kinderen die omhoog komen tot zitten en staan een klimdriehoek? In het spelboek worden suggesties gegeven voor open spelmaterialen. De teksten met interessante achtergrondinformatie maken het boek compleet.

Het boek is een soort receptenboek. Elke fase vraagt namelijk om weer andere uitdagingen.

De ideeën van het boek zijn geïnspireerd op de visie van Emmi Pikler die van 1946-1978 in Boedapest de leiding over een weeshuis voor baby's en peuters had. 

Klik hier om het boek te bestellen 


Lees minder

Hoe geef je een compliment aan je kind?

Hoe kun je je kind een goed compliment geven? We moeten veel complimenten geven aan onze kinderen. Tenminste, dat wordt vaak gezegd. Maar is dat wel zo? Tegenwoordig zijn we wel erg gefocust op alles wat kinderen goed doen. Ze worden de hemel in geprezen. Kunnen we onze kinderen ook teveel complimenten geven? Worden ze er niet egocentrisch of arrogant van? 

Klik hier voor meer informatie over dit onderwerp

Zit jouw kind ook vaak op Youtube, Spotify of spelletjes te spelen?

Eén op de zeven kinderen tussen 9 en 11 jaar heeft gehoorschade. Te lang en te hard naar muziek luisteren is schadelijk. Wees er op tijd bij en houd het gehoor van jouw kind(eren) gezond. De volumebegrenzer op de telefoon en tablet zorgt ervoor dat hun oren niet overbelast raken. Zet ‘m aan! Bekijk dit filmpje hoe je de volumebegrenzer aanzet of kijk op veiligheid.nl/volumebegrenzer. Op de website van VeiligheidNL is eventueel meer informatie over gehoorschade en gehoorbescherming te vinden.

Tips om je kind goed te laten drinken

Je kind genoeg laten drinken is soms best moeilijk - jezelf genoeg laten drinken trouwens ook. Daarom geven we je graag vijf tips om je kind goed te laten drinken!

  • Maak het drinken leuk!
    Een mooie beker, een tap waarmee zelf getapt kan worden of een leuk rietje maakt elk drankje een stuk interessanter.
  • Bouw in je dagritme een vast drinkmoment.
    Door je kind vaste momenten te voorzien van een glas drinken, is het makkelijker om hier aan te blijven denken. Denk bijvoorbeeld aan eetmomenten, tussendoortje, na een slaapje, als je terugkomt van de boodschappen.


    Regels met foto plus tekst



    Ingeschakeld

















    Regels met foto plus tekst



    Losse regel met foto plus tekst
















    Ingeschakeld
















    Titel





    Positie









    Tekst rechts






    Tekst links


    Antwoord







    Normaal TerugURLTekstOpenen in nieuwe tabInvoegenOpmaakNormaalKop 1Kop 2Kop 3Kop 4CodeParagraaf stijlBorderedGraySpacedUppercaseIntro tekstVetCursiefOnderstreeptSubscriptSuperscriptVerwijder opmaakUitlijnenLinks uitlijnenCentrerenRechts uitlijnenUitvullenGeordende lijstStandaardLagere alphaLager GrieksLager RomeinsBovenste alfaBovenste romanOngeordende lijstStandaardCirkelSchijfPleinHorizontale lijn invoegenLink invoegenAfbeelding invoegenVideo invoegenInsert FileTabel invoegenCodeweergaveVolledig schermHeb je vragen over je kindje? Heb je tips of advies nodig, kom naar de inloopochtend van OuderWijzer.


    class="modal fade component-backend-modal"
    role="dialog"
    aria-modal="true"
    v-if="visible"
    v-bind:aria-labelledby="ariaLabeledBy"
    :style="containerStyle"
    :class="containerCssClass"
    @click="onOverlayClick"
    >
    ref="document"
    role="document"
    class="modal-dialog"
    :class="cssClass"
    >
    ref="content"
    class="modal-content"
    :class="contentCssClassName"
    :style="modalStyle"
    @mousedown="onMouseDown"
    @transitionend="onTransitionEnd"
    >

























    data-default-button-text="OK"
    >
    ref="modal"
    :aria-labeled-by="modalTitleId"
    :unique-key="uniqueKey"
    :size="size"
    :storePosition="false"
    @hidden="onHidden"
    >









    data-default-button-text="OK"
    >
    ref="modal"
    :aria-labeled-by="modalTitleId"
    :unique-key="uniqueKey"
    :size="size"
    :storePosition="false"
    @hidden="onHidden"
    >









    class="component-backend-richeditor-document-connector flex-layout-column layout-absolute"
    :class="cssClass"
    data-configuration="{"lang":{"command_upload_from_computer":"Uploaden vanaf computer","browse":"Blader in Media","by_url":"Op URL","url_required":"De URL is vereist","url_validation":"De URL moet beginnen met http:\/\/ of https:\/\/","add_image_title":"Afbeelding invoegen","add_video_title":"Video invoegen","add_audio_title":"Audio invoegen","add_file_title":"Bestand invoegen","embedding_code":"Code invoegen","embedding_code_required":"De in te voegen code is vereist","invalid_embedding_code_title":"Ongeldige code","invalid_embedding_code_message":"Geef geldige HTML-code op"},"vendorPath":"https:\/\/www.degrabbelton.nl\/modules\/backend\/vuecomponents\/richeditordocumentconnector\/assets\/vendor"}"
    >













    v-if="codeEditingMode"
    ref="codeEditor"
    container-css-class="fill-container"
    :model-definitions="codeEditorModelDefinitions"
    >





    container-css-class="fill-container"
    :built-in-mode="true"
    :full-screen="fullScreen"
    ref="document"
    >

    :elements="toolbarElements"
    :disabled="readOnly"
    @command="onToolbarCommand"
    ref="toolbar"
    >





    :allow-resizing="resizable"
    :toolbar-container="toolbarExtensionPointProxy"
    :external-toolbar-event-bus="externalToolbarEventBus"
    :use-media-manager="useMediaManager"
    :built-in-mode="true"
    unique-key="html-editor-form-widget"
    container-css-class="fill-container"
    >
    v-model="value"
    :read-only="options.readOnly"
    :full-page="fullPage"
    :toolbar-buttons="toolbarButtons"
    ref="richeditor"
    @blur="onBlur"
    @focus="onFocus"
    >








    class="component-backend-document flex-layout-column"
    :class="cssClass"
    >

























    v-if="processing"
    indicator-style="stripe"
    css-class="document-progress-indicator"
    >





    size="small"
    >


















    class="document-toolbar-element"
    :class="['element-type-'+element.type, {'button-group': !!element.buttonGroup, 'button-icon-only': element.type == 'button' && !element.label}]">
    v-if="element.type == 'button' || element.type == 'dropdown'"
    :settings=element
    :toolbar-disabled="disabled"
    @dropdowncontentshown="onDropdownContentShown"
    @dropdowncontenthidden="onDropdownContentHidden"
    @command="onElementCommand"
    >




    class="document-toolbar-element"
    :class="['element-type-'+element.type, {'button-group': !!element.buttonGroup, 'button-icon-only': element.type == 'button' && !element.label}]">
    v-if="element.type == 'button' || element.type == 'dropdown'"
    :settings=element
    :toolbar-disabled="disabled"
    @dropdowncontentshown="onDropdownContentShown"
    @dropdowncontenthidden="onDropdownContentHidden"
    @command="onElementCommand"
    >





    role="button"
    v-if="settings.href"
    v-bind:href="settings.href"
    v-bind:target="settings.target ? settings.target : '_self'"
    v-bind:disabled="settings.disabled || toolbarDisabled"
    v-bind:tabindex="settings.disabled || toolbarDisabled ? -1 : 0"
    v-bind:aria-controls="ariaControlsId"
    v-bind:aria-haspopup="settings.type == 'dropdown'"
    v-bind:id="buttonId"
    v-bind:data-tooltip-text="tooltip"
    v-bind:data-tooltip-hotkey="tooltipHotkey"
    class="backend-toolbar-button"
    :class="cssClass"
    @click="onClick"
    ref="button"
    >



    v-else
    v-bind:disabled="settings.disabled || toolbarDisabled"
    v-bind:tabindex="settings.disabled || toolbarDisabled ? -1 : 0"
    v-bind:aria-controls="ariaControlsId"
    v-bind:aria-haspopup="settings.type == 'dropdown'"
    v-bind:id="buttonId"
    v-bind:data-tooltip-text="tooltip"
    v-bind:data-tooltip-hotkey="tooltipHotkey"
    class="backend-toolbar-button"
    :class="cssClass"
    @click="onClick"
    ref="button"
    >


    >v-if="settings.type != 'dropdown' && settings.menuitems"
    class="backend-toolbar-button menu-trigger"
    :class="menuTriggerCssClass"
    aria-haspopup="true"
    v-bind:disabled="settings.disabled || toolbarDisabled"
    v-bind:tabindex="settings.disabled || toolbarDisabled ? -1 : 0"
    v-bind:id="menuButtonId"
    v-bind:aria-controls="menuId"
    @click="onClick($event, false, true)"
    ref="menuButton"
    >


    v-if="settings.menuitems"
    :items=settings.menuitems
    :menu-id="menuId"
    :labeled-by-id="buttonId"
    ref="menu"
    @closedwithesc="onMenuClosedWithEsc"
    @command="onMenuItemCommand"
    @shown="onMenuShown"
    @hidden="onMenuHidden"
    @aligntotrigger="onAlignToTrigger"
    >




    v-if="documentIcon"
    class="document-icon"
    v-bind:style="documentIconStyle"
    >








    type="text"
    class="header-subtitle flex-layout-item stretch"
    v-model="data[subtitleProperty]"
    v-bind:disabled="disabled"
    @input="onSubtitleInput"
    >


    v-if="showCloseIcon"
    class="close close-icon backend-icon-background-pseudo"
    @click="$emit('documentcloseclick')"
    >











    ref="sheet"
    :items="items"
    :labeled-by-id="labeledById"
    :menu-id="menuId"
    :preferable-position="preferablePosition"
    @aligntotrigger="$emit('aligntotrigger', $event)"
    @command="$emit('command', $event)"
    @hidden="onSheetHidden"
    @closemenu="hideMenu"
    >





  • v-for="(item, index) in items"
    :type="item.type"
    :disabled="item.disabled"
    :href="item.href"
    :target="item.target"
    :checked="item.checked"
    :items="item.items"
    :icon="item.icon"
    :label="item.label"
    :command="item.command"
    :itemStyle="item.style"
    :key="index"
    :is-first="index == 0"
    @command="onCommand($event)"
    @hide="onHide"
    @itemmouseenter="onItemMouseEnter"
    @submenushown="onItemSubmenuShown"
    @submenuhidden="onItemSubmenuHidden"
    @closemenu="$emit('closemenu', $event)"
    >







class="item"

:class="{

separator: type == 'separator',

first: isFirst,

'submenu-expanded': isSubmenuExpanded

}"

v-bind:role="type == 'separator' ? 'separator' : 'presentation'"

v-bind:disabled="disabled"

>


ref="itemElement"

v-if="href && type != 'separator'"

v-bind:href="href"

v-bind:target="target ? target : '_self'"

v-bind:tabindex="disabled ? -1 : 0"

v-bind:disabled="disabled"

v-bind:aria-disabled="disabled"

v-bind:aria-checked="itemIsChecked ? 'true' : 'false'"

v-bind:role="itemRole"

:style="itemStyle"

@click="onClick($event)"

@mouseenter="onMouseEnter"

data-menuitem

>


class="backend-icon-background-pseudo"

v-if="type == 'checkbox' || type == 'radiobutton'"

>




v-if="hasSubmenu"

ref="submenu"

:items="items"

:labeled-by-id="menuItemId"

:menu-id="submenuId"

:is-submenu="true"

@command="$emit('command', $event)"

@hidden="onSubmenuHidden"

@closemenu="$emit('closemenu', $event)"

>






























class="component-backend-richeditor flex-layout-column"

:class="cssClass"

data-configuration="{"editorLang":"nl","useMediaManager":true,"iframeStylesFile":"https:\/\/www.degrabbelton.nl\/modules\/backend\/vuecomponents\/richeditor\/assets\/css\/iframestyles.css","globalToolbarButtons":["paragraphFormat","paragraphStyle","|","bold","italic","underline","|","subscript","superscript","clearFormatting","|","align","formatOL","formatUL","|","insertHR","insertLink","insertImage","insertVideo","insertFile","insertTable","|","html","fullscreen"],"allowEmptyTags":null,"allowTags":null,"allowAttrs":null,"noWrapTags":null,"removeTags":null,"lineBreakerTags":null,"imageStyles":null,"linkStyles":{"oc-link-green":"Green","oc-link-strong":"Strong","btn btn-primary":"Blauwe volkleur knop","btn btn-outline-primary":"Rode lijnknop"},"paragraphStyles":{"oc-text-bordered":"Bordered","oc-text-gray":"Gray","oc-text-spaced":"Spaced","oc-text-uppercase":"Uppercase","oc-text-intro":"Intro tekst"},"paragraphFormat":null,"tableStyles":null,"tableCellStyles":null}"

>







class="component-backend-uploader"

v-show="!hidden"

:class="{'uploader-collapsed': collapsed}"

data-lang-uploading="Bestand aan het uploaden"

data-lang-complete="Upload voltooid"

>





indicator-style="bar"
:progress="totalProgress"
>

@click.prevent="onHeaderButtonClick"
type="button"
class="close backend-icon-background-pseudo"
:class="{'collapse': !collapsed && hasFilesInProgress, 'expand': collapsed && hasFilesInProgress}"
tabindex="0"
>




:relative-layout="true"
:relative-layout-max-height="200"
>


  • v-for="(file, index) in files"
    :key="file.key"
    :fileName="file.name"
    :status="file.status"
    :progress="file.progress"
    :errorMessage="file.errorMessage"
    @removeclick="onRemoveClick(index)"
    >













  • class="backend-icon-background"
    v-if="status == 'completed'"
    >

    v-if="status == 'uploading'"
    >
    indicator-style="bar"
    :progress="progress"
    >

    @click.prevent="$emit('removeclick')"
    type="button"
    class="close backend-icon-background-pseudo"
    tabindex="0"
    >





class="component-backend-scrollablepanel"

:class="{'scrollablepanel-relative': relativeLayout}"

>


class="scrollable"
ref="scrollable"
v-on:scroll.passive="onScroll"
:style="containerStyle"
>






ref="panel"

:controls="dataSchema"

:obj="liveObject"

:inspector-unique-id="uniqueId"

:layout-update-data="layoutUpdateData"

:inspector-preferences="inspectorPreferences"

>




class="component-backend-inspector-panel"

data-validation-alert-title="Fout"

>

:controls="untabbedControls"

:obj="obj"

:splitter-data="splitterData"

:inspector-unique-id="inspectorUniqueId"

:depth="0"

:panel-update-data="panelUpdateData"

:layout-update-data="layoutUpdateData"

:inspector-preferences="inspectorPreferences"

>


v-show="tabs.length > 0"

ref="tabs"

:tabs="tabs"

:closeable="false"

:use-slots="true"

tabs-style="inspector"

@tabselected="onTabSelected"

>


:controls="tabbedControls[tabInfo.key]"
:obj="obj"
:splitter-data="splitterData"
:inspector-unique-id="inspectorUniqueId"
:depth="0"
:panel-update-data="panelUpdateData"
:layout-update-data="layoutUpdateData"
:inspector-preferences="inspectorPreferences"
>






class="group-name inspector-padding-control-left inspector-padding-control-right"
:class="{expanded: expanded, collapsed: !expanded, loading: loading, 'has-errors': hasErrors, 'hide-bottom-border-collapsed': hideBottomBorder}"
@click.stop="onToggleGroup"
>

v-text="nameAndValue"
class="backend-icon-background-pseudo"
>

size="tiny"
>



v-show="expanded"

:controls="controls"

:obj="obj"

:splitter-data="splitterData"

:depth="depth + 1"

:panel-update-data="panelUpdateData"

:inspector-preferences="inspectorPreferences"

:inspector-unique-id="inspectorUniqueId"

@inspectorcommand="$emit('inspectorcommand', $event)"

>







:controls="groupedControls.ungrouped"
:obj="obj"
:splitter-data="splitterData"
:depth="depth"
:panel-update-data="panelUpdateData"
:layout-update-data="layoutUpdateData"
:inspector-unique-id="inspectorUniqueId"
:inspector-preferences="inspectorPreferences"
>


v-for="(controls, groupName) in groupedControls"
v-if="groupName != 'ungrouped'"
:key="groupName"
:group-name="groupName"
:obj="obj"
:controls="controls"
:splitter-data="splitterData"
:depth="depth"
:panel-update-data="panelUpdateData"
:layout-update-data="layoutUpdateData"
:inspector-unique-id="inspectorUniqueId"
:inspector-preferences="inspectorPreferences"
>





v-for="control in controls"

:obj="obj"

:key="control.property"

:control-host-unique-id="uniqueId"

:control="control"

:splitter-data="splitterData"

:depth="depth"

:panel-update-data="panelUpdateData"

:layout-update-data="layoutUpdateData"

:inspector-preferences="inspectorPreferences"

:inspector-unique-id="inspectorUniqueId"

:is-full-width="isFullWidthControl(control)"

@inspectorcommand="$emit('inspectorcommand', $event)"

>








class="inspector-padding-control-left"
v-text="control.title"
v-bind:for="controlEditorId"
:style="labelStyle"
@click.stop="onLabelClick"
>
v-if="control.description"
class="property-description backend-icon-background-pseudo"
v-bind:data-tooltip-text="control.description"
>






class="inspector-padding-control-left"
v-text="control.title"
v-bind:for="controlEditorId"
:style="labelStyle"
@click.stop="onLabelClick"
>
v-if="control.description"
class="inspector-padding-control-left full-width-property-description"
v-text="control.description"
:style="labelStyle"
>








v-if="control.type == 'string' || control.type == 'text'"
:obj="obj"
:control="control"
:control-id="controlEditorId"
:splitter-data="splitterData"
:panel-update-data="panelUpdateData"
:layout-update-data="layoutUpdateData"
:inspector-preferences="inspectorPreferences"
ref="editor"
@focus="onEditorFocus"
@blur="onEditorBlur"
@invalid="onEditorInvalid"
@valid="onEditorValid"
>

v-if="control.type == 'dropdown'"
:obj="obj"
:control="control"
:control-id="controlEditorId"
:inspector-preferences="inspectorPreferences"
ref="editor"
@focus="onEditorFocus"
@blur="onEditorBlur"
@invalid="onEditorInvalid"
@valid="onEditorValid"
>

v-if="control.type == 'autocomplete'"
:obj="obj"
:control="control"
:control-id="controlEditorId"
:inspector-preferences="inspectorPreferences"
ref="editor"
@focus="onEditorFocus"
@blur="onEditorBlur"
@invalid="onEditorInvalid"
@valid="onEditorValid"
>

v-if="control.type == 'checkbox'"
:obj="obj"
:control="control"
:control-id="controlEditorId"
:inspector-preferences="inspectorPreferences"
ref="editor"
@focus="onEditorFocus"
@blur="onEditorBlur"
@invalid="onEditorInvalid"
@valid="onEditorValid"
>

v-if="control.type == 'table'"
:obj="obj"
:control="control"
:control-id="controlEditorId"
:inspector-preferences="inspectorPreferences"
ref="editor"
@hidebottomborder="bottomBorderHidden = true"
@hidefullwidthlabel="controlLabelHidden = true"
>

v-if="control.type == 'object'"
:obj="obj"
:control="control"
:control-id="controlEditorId"
:inspector-preferences="inspectorPreferences"
:splitter-data="splitterData"
:inspector-unique-id="inspectorUniqueId"
:depth="depth"
:panel-update-data="panelUpdateData"
:layout-update-data="layoutUpdateData"
ref="editor"
@hidefullwidthlabel="controlLabelHidden = true"
@hidebottomborder="bottomBorderHidden = true"
>

v-if="control.type == 'set'"
:obj="obj"
:control="control"
:control-id="controlEditorId"
:inspector-preferences="inspectorPreferences"
:splitter-data="splitterData"
:inspector-unique-id="inspectorUniqueId"
:depth="depth"
:panel-update-data="panelUpdateData"
:layout-update-data="layoutUpdateData"
ref="editor"
@hidefullwidthlabel="controlLabelHidden = true"
@hidebottomborder="bottomBorderHidden = true"
>

v-if="control.type == 'objectList'"
:obj="obj"
:control="control"
:control-id="controlEditorId"
:inspector-preferences="inspectorPreferences"
:splitter-data="splitterData"
:inspector-unique-id="inspectorUniqueId"
:depth="depth"
:panel-update-data="panelUpdateData"
:layout-update-data="layoutUpdateData"
ref="editor"
@hidefullwidthlabel="controlLabelHidden = true"
@hidebottomborder="bottomBorderHidden = true"
>

v-if="control.type == 'objectListRecords'"
:obj="obj"
:control="control"
:control-id="controlEditorId"
:inspector-preferences="inspectorPreferences"
:splitter-data="splitterData"
:inspector-unique-id="inspectorUniqueId"
:depth="depth"
:panel-update-data="panelUpdateData"
:layout-update-data="layoutUpdateData"
ref="editor"
@hidefullwidthlabel="controlLabelHidden = true"
@hidebottomborder="bottomBorderHidden = true"
@inspectorcommand="$emit('inspectorcommand', $event)"
>

v-if="control.type == 'dictionary'"
:obj="obj"
:control="control"
:control-id="controlEditorId"
:inspector-preferences="inspectorPreferences"
:splitter-data="splitterData"
:inspector-unique-id="inspectorUniqueId"
:depth="depth"
:panel-update-data="panelUpdateData"
:layout-update-data="layoutUpdateData"
ref="editor"
@hidefullwidthlabel="controlLabelHidden = true"
@hidebottomborder="bottomBorderHidden = true"
>

v-if="control.type == 'mediafinder'"
:obj="obj"
:control="control"
:control-id="controlEditorId"
:splitter-data="splitterData"
:panel-update-data="panelUpdateData"
:layout-update-data="layoutUpdateData"
:inspector-preferences="inspectorPreferences"
ref="editor"
@focus="onEditorFocus"
@blur="onEditorBlur"
@invalid="onEditorInvalid"
@valid="onEditorValid"
>







v-if="control.type == 'string'"
class="inspector-control"
type="text"
ref="input"
v-bind:value="valueWithPreset"
v-bind:id="controlId"
v-bind:placeholder="control.placeholder"
v-bind:readonly="inspectorPreferences.readOnly"
@input="updateValue"
@focus="$emit('focus', $event)"
@blur="$emit('blur', $event)"
/>

v-if="control.type == 'text'"
class="component-backend-inspector-textinput inspector-control"
:class="cssClass"
ref="input"
v-bind:value="valueWithPreset"
v-bind:id="controlId"
v-bind:placeholder="control.placeholder"
v-bind:readonly="inspectorPreferences.readOnly"
@input="updateValue"
@focus="$emit('focus', $event)"
@blur="$emit('blur', $event)"
>

v-if="control.type == 'text'"
class="inspector-textarea-shadow inspector-control component-backend-inspector-textinput"
ref="textareaShadow"
v-text="valueWithPreset"
>






size="tiny"
>

v-if="!loadingDynamicOptions"
:options="options"
:id="controlId"
:placeholder="control.placeholder"
:tabindex="0"
:disabled="inspectorPreferences.readOnly"
:allow-empty="true"
track-by="code"
label="label"
ref="input"
v-model="selectedValue"
select-label=""
selected-label=""
deselect-label=""
@input="updateValue"
@open="onFocus"
@close="onBlur"
@hook:mounted="onDropdownMounted"
>
Geen opties gevonden





class="component-backend-inspector-checkbox"
>
tabindex="0"
@keydown="onLabelKeydown"
@focus="$emit('focus', $event)"
@blur="$emit('blur', $event)"
>
type="checkbox"
ref="input"
value="1"
v-bind:checked="isChecked"
v-bind:id="controlId"
v-bind:readonly="inspectorPreferences.readOnly"
v-bind:disabled="inspectorPreferences.readOnly"
@input="updateValue"
/>





class="component-backend-inspector-table"

data-lang-add-item="Item toevoegen"

>


:columns="columns"

>



v-for="(row, index) in value"

:row="row"

:key="index"

:columns="columns"

:row-index="index"

:inspector-preferences="inspectorPreferences"

:table-configuration="tableConfiguration"

@removerow="onRemoveRowClick"

>











v-for="(column, index) in columns"

:key="index"

:column="column"

:column-index="index"

:column-width="columnWidth"

>
















v-for="(column, index) in columns"

:key="index"

:column="column"

:row="row"

:cell-index="index"

:inspector-preferences="inspectorPreferences"

:table-configuration="tableConfiguration"

:is-last-cell="index == columns.length-1"

@focus="onCellFocus"

@blur="onCellBlur"

@valid="onValid"

@invalid="onInvalid"

@removerow="$emit('removerow', rowIndex)"

>







v-if="column.type == 'string'"
:row="row"
:column="column"
:cell-index="cellIndex"
:inspector-preferences="inspectorPreferences"
ref="editor"
@focus="$emit('focus', $event)"
@blur="$emit('blur', $event)"
@valid="$emit('valid', $event)"
@invalid="$emit('invalid', $event)"
>


v-if="column.type == 'dropdown'"
:row="row"
:column="column"
:cell-index="cellIndex"
:inspector-preferences="inspectorPreferences"
ref="editor"
@focus="$emit('focus', $event)"
@blur="$emit('blur', $event)"
@valid="$emit('valid', $event)"
@invalid="$emit('invalid', $event)"
>







type="text"

class="inspector-table-control-text"

v-model="row[column.column]"

ref="input"

v-bind:readonly="inspectorPreferences.readOnly"

@focus="$emit('focus', $event)"

@blur="$emit('blur', $event)"

/>



v-bind:tabindex="containerTabIndex"

@focus="onContainerFocus"

class="inspector-table-dropdown-container"

>

:options="options"

:placeholder="column.placeholder"

:tabindex="0"

:disabled="inspectorPreferences.readOnly"

:allow-empty="true"

track-by="code"

label="label"

ref="editor"

v-model="selectedValue"

select-label=""

selected-label=""

deselect-label=""

@input="updateValue"

@open="onFocus"

@close="onBlur"

>

Geen opties gevonden








:group-name="control.title"
:obj="editedObject"
:controls="control.properties"
:splitter-data="splitterData"
:depth="depth"
:panel-update-data="panelUpdateData"
:layout-update-data="layoutUpdateData"
:inspector-unique-id="inspectorUniqueId"
:inspector-preferences="inspectorPreferences"
ref="group"
>





:group-name="control.title"
:obj="editedObject"
:controls="nestedControlProperties"
:splitter-data="splitterData"
:depth="depth"
:group-value="groupValue"
:panel-update-data="panelUpdateData"
:layout-update-data="layoutUpdateData"
:inspector-unique-id="inspectorUniqueId"
:inspector-preferences="inspectorPreferences"
:loading="loadingDynamicOptions"
ref="group"
>




data-lang-key-required="Het 'Key' veld is verplicht"

data-lang-value-required="Het 'Value' veld is verplicht"

>

:group-name="control.title"

:obj="editedObject"

:controls="nestedControlProperties"

:splitter-data="splitterData"

:depth="depth"

:panel-update-data="panelUpdateData"

:group-value="groupValue"

:layout-update-data="layoutUpdateData"

:inspector-unique-id="inspectorUniqueId"

:inspector-preferences="inspectorPreferences"

:hide-bottom-border="true"

ref="group"

>





data-lang-error="Fout"

data-lang-prop-cant-be-empty="Eigenschap :property mag niet leeg zijn"

data-lang-key-value-exists="Waarde is reeds gedefinieerd: :property_value"

>

:group-name="control.title"

:obj="editedObject"

:controls="nestedControlProperties"

:splitter-data="splitterData"

:depth="depth"

:panel-update-data="panelUpdateData"

:layout-update-data="layoutUpdateData"

:inspector-unique-id="inspectorUniqueId"

:inspector-preferences="inspectorPreferences"

ref="group"

@inspectorcommand="onInspectorCommand"

>





class="component-backend-inspector-table"

data-lang-add-item="Item toevoegen"

>



















size="tiny"
>

v-if="!loadingDynamicOptions"
ref="autocomplete"
:search="onSearch"
:getResultValue="getResultValue"
:placeholder="placeholder"
:defaultValue="initialValue"
:readonly="inspectorPreferences.readOnly"
v-bind:id="controlId"
@input="onInput"
@change="onChange"
@update="onUpdate"
@focus="onFocus"
@blur="onBlur"
>


  • {{ result.value }}






data-lang-error-not-image="Het geselecteerde bestand is geen afbeelding"

data-lang-placeholder="Klik om een bestand te selecteren"

class="inspector-control-clearable"

>

class="inspector-control clickable act-as-text-input"

:class="cssClass"

:tabindex="0"

@focus="onFocus"

@blur="onBlur"

ref="input"

v-text:value="displayedText"

v-bind:readonly="inspectorPreferences.readOnly"

@click.stop="onClick"

@keydown.stop="onKeyDown"

>






data-default-button-text="OK"

>

ref="modal"

:aria-labeled-by="modalTitleId"

:unique-key="uniqueId"

:size="size"

:store-position="true"

:resizable="resizableWidth ? 'horizontal' : false"

:resize-default-width="600"

:close-by-esc="!readOnly"

:modal-temporary-hidden="layoutUpdateData.modalTemporaryHidden"

@hidden="onHidden"

@resized="onResized"

@shown="onShown"

@enterkey="onEnterKey"

>










class="component-backend-splitter" :class="cssClass"

>



Left panel



class="flex-layout-item fix splitter-handle"

:class="{dragging: dragging}"

ref="handle"

@mousedown.stop="onHandleMouseDown"

>




Right panel





class="component-backend-tabs flex-layout-column"

:class="cssClass"

data-lang-close="Sluit tabblad"

data-lang-close-all="Alles sluiten"

data-lang-close-others="Sluit alle andere"

data-lang-close-saved="Sluit alle opgeslagen"

>




class="tablist flex-layout-row"
role="tablist"
ref="tabList"
v-bind:aria-label="ariaLabel"
@keydown="onKeyDown"
>
v-for="tab in tabs"
role="tab"
data-component-backend-tab
class="flex-layout-item"
:class="{
active: currentTabKey == tab.key,
stretch: tabsStyle == 'document',
fix: tabsStyle == 'form',
'has-icon': tab.icon || tab.fatalError,
'has-close-button': closeable
}"
v-bind:id="getTabId(tab, 'tab')"
v-bind:aria-controls="getTabId(tab, 'panel')"
v-bind:aria-selected="currentTabKey == tab.key ? 'true' : 'false'"
v-bind:tabindex="currentTabKey == tab.key ? 0 : -1"
v-bind:data-tooltip-text="getTooltipText(tab)"
@click.ignore="onClick(tab)"
@contextmenu.stop="onContextMenu($event, tab)"
>
class="tab-icon"
:class="{'tab-error': tab.fatalError}"
v-if="tab.icon"
aria-hidden="true"
>
class="tab-icon-background"
v-bind:style="getTabIconStyle(tab)"
>
:class="tab.icon.cssClass"
>







class="backend-icon-background-pseudo close-tab"
:class="{'has-changes': tab.hasChanges}"
v-bind:tabindex="currentTabKey == tab.key ? 0 : -1"
v-if="closeable"
role="button"
aria-hidden="true"
aria-label="Sluit tabblad"
v-bind:title="closeTooltip ? '' : 'Sluit tabblad'"
v-bind:data-tooltip-text="closeTooltip"
v-bind:data-tooltip-hotkey="closeTooltipHotkey"
@click.stop.prevent="onCloseClick(tab)"
>✕





class="backend-toolbar-button icon-only"
data-tooltip-text="Volledige schermweergave"
@click.stop.prevent="onToggleFullscreen"
>









v-for="tab in tabs"
role="tabpanel"
tabindex="0"
:key="getTabUniqueKey(tab)"
v-show="currentTabKey == tab.key"
v-bind:id="getTabId(tab, 'panel')"
v-bind:aria-labelledby="getTabId(tab, 'tab')"
class="tabpanel flex-layout-item stretch relative"
:class="tabPanelCssClass"
>
v-if="!useSlots"
:ref="getTabComponentRefName(tab)"
v-bind:is="tab.component"
:component-data="tab.componentData"
@tabfatalerror="onTabFatalError(tab)"
@tabkeychanged="onTabkeyChanged"
@tabclose="onHostedComponentTabClose(tab)"
>





:items="contextMenuItems"

:menu-id="contextMenuId"

:labeled-by-id="contextMenuLabeledById"

ref="contextmenu"

@command="onMenuItemCommand"

>










class="flex-layout-column component-backend-monaco-editor"

:class="cssClass"

data-configuration="{"vendorPath":"https:\/\/www.degrabbelton.nl\/modules\/backend\/vuecomponents\/monacoeditor\/assets\/vendor\/monaco@0.23.0\/min","fontSize":"12px","tabSize":4,"renderLineHighlight":"all","useTabStops":false,"renderIndentGuides":false,"renderWhitespace":"none","autoClosingBrackets":"languageDefined","autoClosingQuotes":"languageDefined","hover":{"delay":750},"wordWrap":"off","theme":"vs-dark"}"

>


:tabs="editorTabs"
:closeable="false"
:no-panes="true"
:container-css-class="tabsContainerCssClass"
:tooltips-enabled="false"
tabs-style="monaco-editor"
@tabselected="onTabSelected"
>




class="flex-layout-column fill-container"
:class="editorContainerCssClass"
ref="editorContainer"
@dragover.capture="onDragOver"
@drop.capture="onDragDrop"
>






class="component-backend-richeditor-document-connector flex-layout-column layout-absolute"

:class="cssClass"

data-configuration="{"lang":{"command_upload_from_computer":"Uploaden vanaf computer","browse":"Blader in Media","by_url":"Op URL","url_required":"De URL is vereist","url_validation":"De URL moet beginnen met http:\/\/ of https:\/\/","add_image_title":"Afbeelding invoegen","add_video_title":"Video invoegen","add_audio_title":"Audio invoegen","add_file_title":"Bestand invoegen","embedding_code":"Code invoegen","embedding_code_required":"De in te voegen code is vereist","invalid_embedding_code_title":"Ongeldige code","invalid_embedding_code_message":"Geef geldige HTML-code op"},"vendorPath":"https:\/\/www.degrabbelton.nl\/modules\/backend\/vuecomponents\/richeditordocumentconnector\/assets\/vendor"}"

>














v-if="codeEditingMode"
ref="codeEditor"
container-css-class="fill-container"
:model-definitions="codeEditorModelDefinitions"
>





container-css-class="fill-container"

:built-in-mode="true"

:full-screen="fullScreen"

ref="document"

>


:elements="toolbarElements"
:disabled="readOnly"
@command="onToolbarCommand"
ref="toolbar"
>





:allow-resizing="resizable"
:toolbar-container="toolbarExtensionPointProxy"
:external-toolbar-event-bus="externalToolbarEventBus"
:use-media-manager="useMediaManager"
:built-in-mode="true"
unique-key="html-editor-form-widget"
container-css-class="fill-container"
>
v-model="value"
:read-only="options.readOnly"
:full-page="fullPage"
:toolbar-buttons="toolbarButtons"
ref="richeditor"
@blur="onBlur"
@focus="onFocus"
>








class="component-backend-richeditor-document-connector flex-layout-column layout-absolute"

:class="cssClass"

data-configuration="{"lang":{"command_upload_from_computer":"Uploaden vanaf computer","browse":"Blader in Media","by_url":"Op URL","url_required":"De URL is vereist","url_validation":"De URL moet beginnen met http:\/\/ of https:\/\/","add_image_title":"Afbeelding invoegen","add_video_title":"Video invoegen","add_audio_title":"Audio invoegen","add_file_title":"Bestand invoegen","embedding_code":"Code invoegen","embedding_code_required":"De in te voegen code is vereist","invalid_embedding_code_title":"Ongeldige code","invalid_embedding_code_message":"Geef geldige HTML-code op"},"vendorPath":"https:\/\/www.degrabbelton.nl\/modules\/backend\/vuecomponents\/richeditordocumentconnector\/assets\/vendor"}"

>














v-if="codeEditingMode"
ref="codeEditor"
container-css-class="fill-container"
:model-definitions="codeEditorModelDefinitions"
>





container-css-class="fill-container"

:built-in-mode="true"

:full-screen="fullScreen"

ref="document"

>


:elements="toolbarElements"
:disabled="readOnly"
@command="onToolbarCommand"
ref="toolbar"
>





:allow-resizing="resizable"
:toolbar-container="toolbarExtensionPointProxy"
:external-toolbar-event-bus="externalToolbarEventBus"
:use-media-manager="useMediaManager"
:built-in-mode="true"
unique-key="html-editor-form-widget"
container-css-class="fill-container"
>
v-model="value"
:read-only="options.readOnly"
:full-page="fullPage"
:toolbar-buttons="toolbarButtons"
ref="richeditor"
@blur="onBlur"
@focus="onFocus"
>








class="component-backend-richeditor-document-connector flex-layout-column layout-absolute"

:class="cssClass"

data-configuration="{"lang":{"command_upload_from_computer":"Uploaden vanaf computer","browse":"Blader in Media","by_url":"Op URL","url_required":"De URL is vereist","url_validation":"De URL moet beginnen met http:\/\/ of https:\/\/","add_image_title":"Afbeelding invoegen","add_video_title":"Video invoegen","add_audio_title":"Audio invoegen","add_file_title":"Bestand invoegen","embedding_code":"Code invoegen","embedding_code_required":"De in te voegen code is vereist","invalid_embedding_code_title":"Ongeldige code","invalid_embedding_code_message":"Geef geldige HTML-code op"},"vendorPath":"https:\/\/www.degrabbelton.nl\/modules\/backend\/vuecomponents\/richeditordocumentconnector\/assets\/vendor"}"

>














v-if="codeEditingMode"
ref="codeEditor"
container-css-class="fill-container"
:model-definitions="codeEditorModelDefinitions"
>





container-css-class="fill-container"

:built-in-mode="true"

:full-screen="fullScreen"

ref="document"

>


:elements="toolbarElements"
:disabled="readOnly"
@command="onToolbarCommand"
ref="toolbar"
>





:allow-resizing="resizable"
:toolbar-container="toolbarExtensionPointProxy"
:external-toolbar-event-bus="externalToolbarEventBus"
:use-media-manager="useMediaManager"
:built-in-mode="true"
unique-key="html-editor-form-widget"
container-css-class="fill-container"
>
v-model="value"
:read-only="options.readOnly"
:full-page="fullPage"
:toolbar-buttons="toolbarButtons"
ref="richeditor"
@blur="onBlur"
@focus="onFocus"
>








class="component-backend-richeditor-document-connector flex-layout-column layout-absolute"

:class="cssClass"

data-configuration="{"lang":{"command_upload_from_computer":"Uploaden vanaf computer","browse":"Blader in Media","by_url":"Op URL","url_required":"De URL is vereist","url_validation":"De URL moet beginnen met http:\/\/ of https:\/\/","add_image_title":"Afbeelding invoegen","add_video_title":"Video invoegen","add_audio_title":"Audio invoegen","add_file_title":"Bestand invoegen","embedding_code":"Code invoegen","embedding_code_required":"De in te voegen code is vereist","invalid_embedding_code_title":"Ongeldige code","invalid_embedding_code_message":"Geef geldige HTML-code op"},"vendorPath":"https:\/\/www.degrabbelton.nl\/modules\/backend\/vuecomponents\/richeditordocumentconnector\/assets\/vendor"}"

>














v-if="codeEditingMode"
ref="codeEditor"
container-css-class="fill-container"
:model-definitions="codeEditorModelDefinitions"
>





container-css-class="fill-container"

:built-in-mode="true"

:full-screen="fullScreen"

ref="document"

>


:elements="toolbarElements"
:disabled="readOnly"
@command="onToolbarCommand"
ref="toolbar"
>





:allow-resizing="resizable"
:toolbar-container="toolbarExtensionPointProxy"
:external-toolbar-event-bus="externalToolbarEventBus"
:use-media-manager="useMediaManager"
:built-in-mode="true"
unique-key="html-editor-form-widget"
container-css-class="fill-container"
>
v-model="value"
:read-only="options.readOnly"
:full-page="fullPage"
:toolbar-buttons="toolbarButtons"
ref="richeditor"
@blur="onBlur"
@focus="onFocus"
>








class="component-backend-richeditor-document-connector flex-layout-column layout-absolute"

:class="cssClass"

data-configuration="{"lang":{"command_upload_from_computer":"Uploaden vanaf computer","browse":"Blader in Media","by_url":"Op URL","url_required":"De URL is vereist","url_validation":"De URL moet beginnen met http:\/\/ of https:\/\/","add_image_title":"Afbeelding invoegen","add_video_title":"Video invoegen","add_audio_title":"Audio invoegen","add_file_title":"Bestand invoegen","embedding_code":"Code invoegen","embedding_code_required":"De in te voegen code is vereist","invalid_embedding_code_title":"Ongeldige code","invalid_embedding_code_message":"Geef geldige HTML-code op"},"vendorPath":"https:\/\/www.degrabbelton.nl\/modules\/backend\/vuecomponents\/richeditordocumentconnector\/assets\/vendor"}"

>














v-if="codeEditingMode"
ref="codeEditor"
container-css-class="fill-container"
:model-definitions="codeEditorModelDefinitions"
>





container-css-class="fill-container"

:built-in-mode="true"

:full-screen="fullScreen"

ref="document"

>


:elements="toolbarElements"
:disabled="readOnly"
@command="onToolbarCommand"
ref="toolbar"
>





:allow-resizing="resizable"
:toolbar-container="toolbarExtensionPointProxy"
:external-toolbar-event-bus="externalToolbarEventBus"
:use-media-manager="useMediaManager"
:built-in-mode="true"
unique-key="html-editor-form-widget"
container-css-class="fill-container"
>
v-model="value"
:read-only="options.readOnly"
:full-page="fullPage"
:toolbar-buttons="toolbarButtons"
ref="richeditor"
@blur="onBlur"
@focus="onFocus"
>








class="component-backend-richeditor-document-connector flex-layout-column layout-absolute"

:class="cssClass"

data-configuration="{"lang":{"command_upload_from_computer":"Uploaden vanaf computer","browse":"Blader in Media","by_url":"Op URL","url_required":"De URL is vereist","url_validation":"De URL moet beginnen met http:\/\/ of https:\/\/","add_image_title":"Afbeelding invoegen","add_video_title":"Video invoegen","add_audio_title":"Audio invoegen","add_file_title":"Bestand invoegen","embedding_code":"Code invoegen","embedding_code_required":"De in te voegen code is vereist","invalid_embedding_code_title":"Ongeldige code","invalid_embedding_code_message":"Geef geldige HTML-code op"},"vendorPath":"https:\/\/www.degrabbelton.nl\/modules\/backend\/vuecomponents\/richeditordocumentconnector\/assets\/vendor"}"

>














v-if="codeEditingMode"
ref="codeEditor"
container-css-class="fill-container"
:model-definitions="codeEditorModelDefinitions"
>





container-css-class="fill-container"

:built-in-mode="true"

:full-screen="fullScreen"

ref="document"

>


:elements="toolbarElements"
:disabled="readOnly"
@command="onToolbarCommand"
ref="toolbar"
>





:allow-resizing="resizable"
:toolbar-container="toolbarExtensionPointProxy"
:external-toolbar-event-bus="externalToolbarEventBus"
:use-media-manager="useMediaManager"
:built-in-mode="true"
unique-key="html-editor-form-widget"
container-css-class="fill-container"
>
v-model="value"
:read-only="options.readOnly"
:full-page="fullPage"
:toolbar-buttons="toolbarButtons"
ref="richeditor"
@blur="onBlur"
@focus="onFocus"
>








class="component-backend-richeditor-document-connector flex-layout-column layout-absolute"

:class="cssClass"

data-configuration="{"lang":{"command_upload_from_computer":"Uploaden vanaf computer","browse":"Blader in Media","by_url":"Op URL","url_required":"De URL is vereist","url_validation":"De URL moet beginnen met http:\/\/ of https:\/\/","add_image_title":"Afbeelding invoegen","add_video_title":"Video invoegen","add_audio_title":"Audio invoegen","add_file_title":"Bestand invoegen","embedding_code":"Code invoegen","embedding_code_required":"De in te voegen code is vereist","invalid_embedding_code_title":"Ongeldige code","invalid_embedding_code_message":"Geef geldige HTML-code op"},"vendorPath":"https:\/\/www.degrabbelton.nl\/modules\/backend\/vuecomponents\/richeditordocumentconnector\/assets\/vendor"}"

>














v-if="codeEditingMode"
ref="codeEditor"
container-css-class="fill-container"
:model-definitions="codeEditorModelDefinitions"
>





container-css-class="fill-container"

:built-in-mode="true"

:full-screen="fullScreen"

ref="document"

>


:elements="toolbarElements"
:disabled="readOnly"
@command="onToolbarCommand"
ref="toolbar"
>





:allow-resizing="resizable"
:toolbar-container="toolbarExtensionPointProxy"
:external-toolbar-event-bus="externalToolbarEventBus"
:use-media-manager="useMediaManager"
:built-in-mode="true"
unique-key="html-editor-form-widget"
container-css-class="fill-container"
>
v-model="value"
:read-only="options.readOnly"
:full-page="fullPage"
:toolbar-buttons="toolbarButtons"
ref="richeditor"
@blur="onBlur"
@focus="onFocus"
>








class="component-backend-richeditor-document-connector flex-layout-column layout-absolute"

:class="cssClass"

data-configuration="{"lang":{"command_upload_from_computer":"Uploaden vanaf computer","browse":"Blader in Media","by_url":"Op URL","url_required":"De URL is vereist","url_validation":"De URL moet beginnen met http:\/\/ of https:\/\/","add_image_title":"Afbeelding invoegen","add_video_title":"Video invoegen","add_audio_title":"Audio invoegen","add_file_title":"Bestand invoegen","embedding_code":"Code invoegen","embedding_code_required":"De in te voegen code is vereist","invalid_embedding_code_title":"Ongeldige code","invalid_embedding_code_message":"Geef geldige HTML-code op"},"vendorPath":"https:\/\/www.degrabbelton.nl\/modules\/backend\/vuecomponents\/richeditordocumentconnector\/assets\/vendor"}"

>














v-if="codeEditingMode"
ref="codeEditor"
container-css-class="fill-container"
:model-definitions="codeEditorModelDefinitions"
>





container-css-class="fill-container"

:built-in-mode="true"

:full-screen="fullScreen"

ref="document"

>


:elements="toolbarElements"
:disabled="readOnly"
@command="onToolbarCommand"
ref="toolbar"
>





:allow-resizing="resizable"
:toolbar-container="toolbarExtensionPointProxy"
:external-toolbar-event-bus="externalToolbarEventBus"
:use-media-manager="useMediaManager"
:built-in-mode="true"
unique-key="html-editor-form-widget"
container-css-class="fill-container"
>
v-model="value"
:read-only="options.readOnly"
:full-page="fullPage"
:toolbar-buttons="toolbarButtons"
ref="richeditor"
@blur="onBlur"
@focus="onFocus"
>








class="component-backend-richeditor-document-connector flex-layout-column layout-absolute"

:class="cssClass"

data-configuration="{"lang":{"command_upload_from_computer":"Uploaden vanaf computer","browse":"Blader in Media","by_url":"Op URL","url_required":"De URL is vereist","url_validation":"De URL moet beginnen met http:\/\/ of https:\/\/","add_image_title":"Afbeelding invoegen","add_video_title":"Video invoegen","add_audio_title":"Audio invoegen","add_file_title":"Bestand invoegen","embedding_code":"Code invoegen","embedding_code_required":"De in te voegen code is vereist","invalid_embedding_code_title":"Ongeldige code","invalid_embedding_code_message":"Geef geldige HTML-code op"},"vendorPath":"https:\/\/www.degrabbelton.nl\/modules\/backend\/vuecomponents\/richeditordocumentconnector\/assets\/vendor"}"

>














v-if="codeEditingMode"
ref="codeEditor"
container-css-class="fill-container"
:model-definitions="codeEditorModelDefinitions"
>





container-css-class="fill-container"

:built-in-mode="true"

:full-screen="fullScreen"

ref="document"

>


:elements="toolbarElements"
:disabled="readOnly"
@command="onToolbarCommand"
ref="toolbar"
>





:allow-resizing="resizable"
:toolbar-container="toolbarExtensionPointProxy"
:external-toolbar-event-bus="externalToolbarEventBus"
:use-media-manager="useMediaManager"
:built-in-mode="true"
unique-key="html-editor-form-widget"
container-css-class="fill-container"
>
v-model="value"
:read-only="options.readOnly"
:full-page="fullPage"
:toolbar-buttons="toolbarButtons"
ref="richeditor"
@blur="onBlur"
@focus="onFocus"
>








Achtergrondafbeelding














Selecteer





Leegmaken














speelinloop geldrop-mierlo.jpg






































Voeg een nieuwe regel toe





  • data-repeater-duplicate
    role="menuitem"
    href="javascript:;"
    tabindex="-1">

    Dupliceren





  • data-repeater-expand
    role="menuitem"
    href="javascript:;"
    tabindex="-1">

    Uitklappen



  • data-repeater-collapse
    role="menuitem"
    href="javascript:;"
    tabindex="-1">

    Inklappen



  • data-repeater-move-up
    role="menuitem"
    href="javascript:;"
    tabindex="-1">

    Omhoog



  • data-repeater-move-down
    role="menuitem"
    href="javascript:;"
    tabindex="-1">

    Omlaag





  • data-repeater-remove
    role="menuitem"
    href="javascript:;"
    tabindex="-1">

    Verwijderen








  • Zet een kan klaar.
    Als jij of je kind(eren) het drinken zien, zijn jullie ook sneller geneigd om het te pakken.
  • Voeg een smaakje toe.
    Op onze locaties drinken de kinderen voornamelijk water en thee. Soms brengen we het water op smaak door fruit, groenten of kruiden toe te voegen. Schijfjes citroen, sinaasappel of komkommer zorgen voor extra smaak en het ziet er nog gezellig uit ook!
  • Kies voor grote glazen of bekers.
    Zo drinken jullie automatisch meer!
Lees minder