Descargo de responsabilidad: Este artículo se generó mediante traducción automática.

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.

¿Cómo añadir una imagen de fondo para un contenido de texto?

Prev Next

Planes que admiten esta función: Professional Business Enterprise

Para añadir más esencia a tu contenido textual, puedes añadir una imagen de fondo. La imagen de fondo que quieres añadir debe estar disponible en la web. Si la imagen de fondo está en tu dispositivo local, puedes subirla a la unidad y utilizar la URL de la imagen.

Pasos para añadir una imagen de fondo

  1. Vaya a Configuración () > sitio de la base de conocimientos > Personalizar sitio > CSS y JavaScript personalizados en el portal de la base de conocimientos.

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

  2. En la pestaña CSS personalizada, pega el fragmento CSS de abajo en el panel.

.bgimg 
{ 
background-image: url("IMAGE_URL"); 
} 
  1. En el fragmento anterior:

    • El nombre de la clase es .bgimg. Puedes reemplazarlo según lo requiera.

    • IMAGE_URL - Añade la URL de la imagen de fondo que deseas.

  2. Haz clic en Guardar.

  3. Navega al artículo deseado y añade el siguiente fragmento en el editor:

<p class="bgimg">Text_content</p> 
  • Text_content - Añadir el contenido de texto deseado.

  • bgimg - Si cambias el nombre de la clase, replica los mismos cambios en este campo.

<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>

Este código crea una sección estilizada con una imagen de fondo y muestra una lista formateada de enlaces y texto en su interior. Utiliza una <div> con una imagen de fondo, un encabezado y una lista viñeta de enlaces y texto para navegación o referencia.

  • bgimg - Representa el nombre de la clase. Puedes personalizarlo según tus necesidades.

  • URL de la imagen: Añade la URL de la imagen deseada.

NOTA

Para añadir una imagen de fondo para el texto en el editor WYSIWYG o Advanced WYSIWYG, simplemente utiliza el código HTML anterior en la vista de código () del editor. Sustituye Text_content por el texto deseado y haz clic en Vista previa para ver el resultado.

  1. La imagen de fondo deseada aparece para el contenido de texto en tu base de conocimientos.

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