Sobre Bookstack

BookStack es una herramienta eficaz, intuitiva y práctica para la gestión del conocimiento

Introducción a Bookstack


Introducción a Bookstack

¿Qué es BookStack?

BookStack es una plataforma tipo wiki, basada en software libre, que permite una organización sencilla, práctica e intuitiva de toda la información relacionada con la realización de tareas: Protocolos, procedimientos y usos de otras páginas o aplicaciones.

Permite almacenar asimismo información sobre manuales de usuario de otras páginas o aplicativos, clasificando según distintos accesos toda la información relevante para tu equipo.

Se trata por tanto, de una opción muy apropiada para la gestión integral del conocimiento de tu compañía.

Funcionalidades principales:

https://www.bookstackapp.com/

Introducción a Bookstack

Ejemplos

Biblioteca Catedu (Educación Aragón)

Captura de pantalla 2025-01-23 a las 21.55.56.jpg

Biblioteca EducaMadrid 

Captura de pantalla 2025-01-23 a las 21.56.30.jpg

Pruebas

Aquí va el contenido del capítulo 1

Pruebas

Contenido Incrustado

Aquí va el texto

https://app.lumi.education/run/TczK19

Joomla! 1.5 Para Principiantes from Luis Barriocanal
Pruebas

Google Slides

Google Slides

Texto de la página 2

tag

[fdocuments.net\_brief-solution-focused-counseling-solution-solution-focused-brief-counseling.pdf](https://simondecolonia.alwaysdata.net/attachments/1)

<div class="embed-container"
 style="position: relative; padding-bottom: 59.27%; height: 0; overflow: hidden; max-width: 100%;">
 <iframe style="position: absolute; top: 0; left: 0; width: 100%; height: 100%;"
  src="[Enter src from Google Slides Embed iFrame Code]" frameborder="0" width="960" height="569" allowfullscreen="true" webkitallowfullscreen="true" mozallowfullscreen="true"></iframe>
</div>

https://docs.google.com/presentation/d/e/2PACX-1vSRgnHKN_r3sTGmCv-g1z9pk3W_d14s6jmU9p-FZv4p40ENeoFkjEn0LgvE4m2ZYEXfK0Wg2oJVRMM0/embed?start=false&loop=false&delayms=3000

Pruebas

Contenido H5P incrustado

Contenido H5P incrustado

La dinámica de la máscara sobre sentimientos guardados.pdf

Enlace

Pruebas

Google docs

Pruebas

Imágenes

Captura de pantalla 2025-07-14 a las 23.40.24.jpg

3m-faq-installation-3m-wrap-film-2080-es.pdf

Joomla! es un potente gestor de contenidos web (CMS o Content Management System) que permite crear sitios web elegantes, dinámicos e interactivos. Por su diseño, potencia, flexibilidad y por sus enormes posibilidades de ampliación se está convirtiendo en el sistema de publicación preferido por muchos centros educativos y por millones de webmasters en todo el mundo para desarrollar su portal web.

Con Joomla! podemos crear en poco tiempo un completo portal para un centro escolar o una web docente en la que publicar noticias, blogs, directorios de enlaces o documentos para descargar sin necesidad de conocimientos técnicos especiales o de complejos lenguajes de programación.

A partir de una plantilla y de unos contenidos de ejemplo iniciales podemos desarrollar un vistoso y completo portal añadiendo los contenidosmenús y elementos visuales deseados a través de un entorno web y sin necesidad de programas auxiliares ni de conocimientos especiales de diseño o de programación ya que todas estas operaciones de edición y administración se realizan a través de cualquier navegador.

La introducción y edición de contenidos resultan así una tarea cómoda y sencilla y ello nos permite mantener nuestro sitio permanentemente actualizado.

Joomla! es Open Source

Joomla! es una aplicación Open Source o de código abierto programada en lenguaje PHP bajo una licencia GPL y que utiliza una base de datos MySQL para almacenar el contenido y los parámentros de configuración del sitio. Además de libre, Joomla! es gratuito y no tendrás que pagar nada por usar este CMS para construir tu web.

Joomla! se basa en Mambo, otro CMS iniciado por la empresa australiana Miro, que tenía además la propiedad de la marca. El proyecto Joomla surge en 2005 cuando Miro decidió crear una Fundación que, a jucio de una buena parte de los desarrolladores de Mambo, se apartaba bastante de la filosofía del software libre. Estos desarroladores se agruparon en torno al movimiento Open Source Matters que poco después daría lugar a Joomla!, una denominación que procede de una palabra de la lengua swahili que significa "todos juntos".

La nueva versión de Joomla -la 1.5- fue liberada en enero de 2008 incorporando interesantes novedades y está escrita en un código completamente nuevo con el que se ha independizado ya completamente de su predecesor. No obstante, el equipo de desarrollo de Joomla sigue manteniendo actualizada la serie anterior, la 1.0.x, ya que muchos sitios web funcionan aún con esa versión inicial.

image.png

Hacks y arreglos

Hacks y arreglos

Personalizar tamaño texto en títulos y encabezados

You can customize the default header sizes by adding something like the below to the "Custom HTML Head Content" setting:

<style>
.page-content h1 { font-size: 2rem; }
.page-content h2 { font-size: 1.8rem; }
.page-content h3 { font-size: 1.6rem; }
.page-content h4 { font-size: 1.4rem; }
.page-content h5 { font-size: 1.3rem; }
.page-content h6 { font-size: 1.15rem; }
</style>

https://github.com/BookStackApp/BookStack/issues/462#issuecomment-786803638

 

Hacks y arreglos

Iframes

Host Iframe Control

By default BookStack will only allow itself to be embedded within iframes on the same domain as you’re hosting on. This is done through a CSP: frame-ancestors header. You can add additional trusted hosts by setting a ALLOWED_IFRAME_HOSTS option in your .env file like the example below:


# Adding a single host
ALLOWED_IFRAME_HOSTS="https://example.com"

# Multiple hosts can be separated with a space
ALLOWED_IFRAME_HOSTS="https://a.example.com https://b.example.com"

Note: when this option is used, all cookies will served with SameSite=None (info) set so that a user session can persist within the iframe.


Iframe Source Control

By default BookStack will only allow certain other hosts to be used as src values for embedded iframe/frame content within the application. This is done through a CSP: frame-src header. You can configure the list of trusted sources by setting a ALLOWED_IFRAME_SOURCES option in your .env file like the examples below:


# Adding a single host
ALLOWED_IFRAME_SOURCES="https://example.com"

# Multiple hosts can be separated with a space
ALLOWED_IFRAME_SOURCES="https://a.example.com https://b.example.com"

# Allow all sources
# This opens vulnerability risk and should only be done in secure & trusted environments.
ALLOWED_IFRAME_SOURCES="*"

By default this option is configured as follows:


ALLOWED_IFRAME_SOURCES="https://*.draw.io https://*.youtube.com https://*.youtube-nocookie.com https://*.vimeo.com"

Note: The source of ‘self’ will always be automatically added to this CSP rule. In addition, the host used for the diagrams.net integration (If enabled) will be automatically appended to the lists of hosts.