Publicar un PDF en Drupal

No caso de non contar co módulo PDF de Drupal, teremos que botar man de código. A cuestión é que sexa visible no navegador do computador e tamén no smartphone, o que non resulta tan sinxelo. Ademais queremos que o pdf se vexa ocupando o máximo do espazo dispoñible sen ocultar os menús laterais. Vexamos unha maneira de facelo:

1. Creamos una nova páxina (Crear contido -> páxina)

2. Xuntamos un ficheiro

Neste exemplo empregaremos o seguinte pdf

Clic en Navegar, buscámolo ficheiro no cartafol no cal teñamos o documento descargado e clic en Adxuntar.

3. Ao xuntar o ficheiro, estamos subindo o documento a un cartafol público, ao que podemos acceder a través do enderezo que nos facilita o Drupal:

Se o copiamos e pegamos na barra de direccións do navegador xa o poderemos visualizar. Pero non imos facer isto.

4. Desactivamos texto enriquecido

5. E nel teremos que engadir un código html. Modifiquemos o seguinte código para adaptalo á ruta da túa web. Podemos empregar o Mousepad, Gedit ou un software específico de programación como o Geany ou o VSCodium, por exemplo. Obviamente tamén o podemos modificar directamente no propio Drupal, pero quizais se faga un pouco incómodo. Debemos de cambiar só as fontes, é dicir a ruta na que se atopa o ficheiro:

  <style>
        .folletomobil{
            position:relative;
            overflow:hidden;
            padding-bottom:70%;
        }
        .folletomobil iframe{
            width:100%;
            height:100%;
            position:absolute;
            top:0;
            left:0;
        }
    </style>
    <script src="https://cdn.jsdelivr.net/jquery/latest/jquery.min.js"></script>
   </head>
<body>
<div id="folleto" class="folletomobil"></div>
<script>
function detector(){
    if( navigator.userAgent.match(/Android/i)
 || navigator.userAgent.match(/webOS/i)
 || navigator.userAgent.match(/iPhone/i)
 || navigator.userAgent.match(/iPad/i)
 || navigator.userAgent.match(/iPod/i)
 || navigator.userAgent.match(/BlackBerry/i)
 ){
    document.getElementById('folleto').innerHTML += '<iframe src="https://docs.google.com/viewer?url=http://www.edu.xunta.gal/centros/zonaceed6/system/files/Asperger_final.pdf&embedded=true"  frameborder="0"></iframe>';
    }
else{
    document.getElementById('folleto').innerHTML += '<iframe src="http://www.edu.xunta.gal/centros/zonaceed6/system/files/Asperger_final.pdf" frameborder="0"></iframe>';
}
}
$(document).ready(function() {
    detector();
});
</script>
</body>

 

O que debemos de modificar son estas liñas, deixando o demais exactamente igual:

{
    document.getElementById('folleto').innerHTML += '<iframe src="https://docs.google.com/viewer?url=http://www.edu.xunta.gal/centros/zonaceed6/system/files/Asperger_final.pdf&embedded=true"  frameborder="0"></iframe>';
    }
else{
    document.getElementById('folleto').innerHTML += '<iframe src="http://www.edu.xunta.gal/centros/zonaceed6/system/files/Asperger_final.pdf" frameborder="0"></iframe>';
}
}

 

E finalmente clic en Gardar, sen clicar en ningunha outra cousa.

6. No computador vese así:

7. E no smartphone deste xeito: