Ir a contenido principal
Nota: Este contenido se tradujo a través de un software y es posible que no haya sido revisado. La versión en inglés se considera, por tanto, la versión oficial y es posible que haya sido actualizada. Para acceder a la versión en inglés, haz clic aquí.
Landing Pages

Insertar una tabla en un módulo de texto enriquecido

Última actualización: julio 23, 2021

Requisitos

Todos los productos y planes

Puedes insertar una tabla en un módulo de texto enriquecido en una página, publicación de blog, correo electrónico o artículo de la base de conocimientos. Más información sobre cómoeditar contenido en módulos de texto enriquecido

Nota: las tablas no son compatibles en el editor de correo electrónico arrastrar y soltar.

Crear una tabla 

  • En el editor de contenido, haz clic en un módulo de texto enriquecido.
  • En la barra de herramientas de texto enriquecido, haz clic en el menú desplegable Insertar y coloca el cursor sobre Tabla
  • En la cuadrícula, selecciona las dimensiones de la tabla.

insert-a-table

  • Para expandir el alto o el ancho de la tabla, haz clic en las esquinas azulesy arrástralas hasta la posición. 
  • Para ajustar el tamaño de una fila o columna, haz clic en su borde y arrástralo.

Nota: una imagen insertada en una tabla se redimensionará automáticamente para ajustarse al tamaño de su celda.

  • Para insertar una fila o columna, haz clic en una celda, y luego haz clic en + Insertar celdas. Selecciona la ubicación de la nueva fila o columna. 

insert-cells

  • Para eliminar una fila o columna, haz clic en una celda, y luego haz clic en - Eliminar celdas. Selecciona Eliminar fila o Eliminar columna
  • Para eliminar una tabla del contenido, haz clic en el menú desplegable Tabla y selecciona Eliminar tabla.
  • Para hacer una copia de una tabla, haz clic en el menú desplegable Tabla y selecciona Clonar tabla

clone-or-delete-tableEdita el estilo de la tabla

Puedes modificar los estilos aplicados a una tabla entera o editar el estilo de celdas específicas resaltándolas con el cursor.

Editar el estilo de una tabla completa

edit-table-styling
    • Para ajustar cómo se alinea el texto y cómo rodea la imagen, haz clic en los inlineíconos de alineación
    • Para ajustar el tamaño de la tabla, haz clic en las flechas Ancho y Alto o escribe un valor de porcentaje para el ancho y un valor de píxel para el alto.  
    • Para cambiar el color del borde de la tabla, haz clic en el edit Ícono de color de borde de tabla y selecciona un color. Se pueden introducir valores RGB y hexadecimales en la pestaña Avanzado
    • Para ajustar el relleno alrededor de la tabla, haz clic en el menú desplegable Espaciado e introducevalores de píxeles alrededor de los bordes del ícono de tabla.
    • Para personalizar estilos de tabla adicionales, haz clic en el menú desplegable Estilo y ajusta la configuración de la tabla. Entre otras opciones, puedes ajustar el ancho y el estilo del borde, editar el relleno de las celdas, agregar una leyenda a la tabla y personalizar manualmente la CSS de la tabla. 

Editar el estilo de celdas específicas

  • En tu cuenta de HubSpot, navega hasta el blog, landing pages, páginas de sitio web, base de conocimientos o correo electrónico.
  • Coloca el cursor sobre el contenido y haz clic en Editar.
  • Haz clic en el módulo de texto enriquecido, y luego haz clic en la celda de la tabla. Haz clic y arrastra el cursor sobre varias celdas para aplicarles el mismo estilo a todas. 
  • En la barra de herramientas de texto enriquecido, edita el estilo de la celda:
    • Para establecer el color de fondo, haz clic en el backgroundColor Ícono de color de fondo de celda y selecciona un color. Se pueden introducir valores RGB y hexadecimales en la pestaña Avanzado
    • Para establecer el color del borde, haz clic en el edit Ícono de color de borde de celda y selecciona un color. Se pueden introducir valores RGB y hexadecimales en la pestaña Avanzado
    • Para establecer la alineación del contenido de la celda, haz clic en el blockAlignmentTop Ícono de alineación vertical y selecciona una alineación
    • Para personalizar estilos de celda adicionales, haz clic en el menú desplegable Estilo y ajusta la configuración de la celda. Puedes establecer el ancho y el estilo del borde, así como el ancho y la altura de las celdas.