Disclaimer: Dit artikel is gegenereerd door automatische vertaling.

As of 22 Nov 2025, the Markdown editor has been upgraded from v1.4.10 to v3.2.2. The toolbar, layout, icons, and editor structure remain unchanged.

Hoe voeg je een achtergrondafbeelding toe voor een tekstinhoud?

Prev Next

Abonnementen die deze functie ondersteunen: Professional Business Enterprise

Om meer essentie aan je tekstinhoud toe te voegen, kun je een achtergrondafbeelding toevoegen. De achtergrondafbeelding die je wilt toevoegen moet online beschikbaar zijn. Als de achtergrondafbeelding op je lokale apparaat staat, kun je deze uploaden naar de Drive en de afbeeldings-URL gebruiken.

Stappen om een achtergrondafbeelding toe te voegen

  1. Navigeer naar Instellingen () > Kennisbanksite > Site aanpassen > Aangepaste CSS en JavaScript in de Kennisbankportal.

    Site customization options including CSS, JavaScript, and theme settings for a knowledge base.

  2. Plak in het tabblad Custom CSS het onderstaande CSS-fragment in het paneel.

.bgimg 
{ 
background-image: url("IMAGE_URL"); 
} 
  1. In het bovenstaande fragment:

    • Klasnaam is .bgimg. Je kunt het vervangen zoals vereist.

    • IMAGE_URL - Voeg de gewenste achtergrondafbeelding-URL toe.

  2. Klik op Opslaan.

  3. Navigeer naar het gewenste artikel en voeg het volgende fragment toe in de editor:

<p class="bgimg">Text_content</p> 
  • Text_content - Voeg de gewenste tekstinhoud toe.

  • bgimg - Als je de klassenaam verandert, repliceer dan dezelfde veranderingen in dit veld.

<div class="bgimg" style="background-image:url('Image URL');">
                               
##    Heading 2   
* [ Formatting Commands](/v1/docs/md-5#testheading)
* [Punctuation & Symbols](/v1/docs/clone-html-image-vertical-alignment)
* Dates & Times
* Numbers, Dollars & Cents       
</div>

Deze code maakt een gestileerd gedeelte met een achtergrondafbeelding en toont een opgemaakte lijst met links en tekst erin. Het gebruikt een <div> met een achtergrondafbeelding, een kop en een opsomming van links en tekst voor navigatie of referentie.

  • BGIMG - Het staat voor de klassenaam. Je kunt het aanpassen aan jouw wensen.

  • Afbeeldings-URL: Voeg de gewenste afbeeldings-URL toe.

OPMERKING

Om een achtergrondafbeelding voor tekst toe te voegen in de WYSIWYG- of Advanced WYSIWYG-editor, gebruikt u simpelweg de bovenstaande HTML-code in de Codeweergave () van de editor. Vervang Text_content door de gewenste tekst en klik op Voorbeeldweergave om de output te bekijken.

  1. De gewenste achtergrondafbeelding verschijnt voor de tekstinhoud in je kennisbank.

Code snippet showing CSS for setting a background image in a web application.