OWI028. THEME CODE BLOGGER

Fuentes

Pon las siguientes líneas debajo de la sección de la cabeza. No olvides usar la función de copia :)

<!-- Cod Box Copy begin -->
<link href="prism/prism.min.css" rel="stylesheet">
<link href="code-box-copy/css/code-box-copy.css" rel="stylesheet">
<script src="js/jquery.min.js"></script>
<script src="prism/prism.min.js"></script>
<script src="clipboard/clipboard.min.js"></script>
<script src="code-box-copy/js/code-box-copy.js"></script>
<!-- Cod Box Copy end -->

Contenido que quieres copiar

Pruébelo con un código HTML simple como el siguiente:

<div class="code-box-copy">
    <button class="code-box-copy__btn" data-clipboard-target="#example-html" title="Copy"></button>
    <pre><code class="language-html" id="example-html">&lt;div class=&quot;example&quot;&gt;
        Lorem ipsum
    &lt;/div&gt;</code></pre>
</div>

Inicialización de complementos

Coloque en la sección de cabecera el código de inicialización del complemento o al final de la sección de body:

<script>
$(document).ready(function () {
    $('.code-box-copy').codeBoxCopy();
});
</script>

Inicialización de complementos con parámetros:

<script>
$(document).ready(function () {
    $('.code-box-copy').codeBoxCopy({
        tooltipText: 'Copied',
        tooltipShowTime: 1000,
        tooltipFadeInTime: 300,
        tooltipFadeOutTime: 300
    });
});
</script>

Parámetros

1. tooltipText {string} | Valor predeterminado: 'Copiado'. - texto de la información sobre herramientas cuando el usuario hace clic en el botón copiar
2. tooltipShowTime {número} | Valor predeterminado: 1000. - el tiempo (en milisegundos) hasta que aparece la información sobre herramientas después de la aparición gradual y antes de la aparición gradual
3. tooltipFadeInTime {número} | Valor predeterminado: 300. - el desvanecimiento en el tiempo (en milisegundos) hasta que aparezca la información sobre herramientas
4. tooltipFadeOutTime {número} | Valor predeterminado: 300. - el desvanecimiento en el tiempo (en milisegundos) hasta que desaparezca la información sobre herramientas

Bibliotecas de terceros (MIT Licence)

• jQuery
• Prism
• clipboard.js

Licencia

La licencia MIT

Copyright 2017 © jablonczay.com

Por la presente se concede permiso, de forma gratuita, a cualquier persona que obtenga una copia de este software y de los archivos de documentación asociados (el "Software"), para que comercie con el Software sin restricción alguna, incluidos, entre otros, los derechos de uso, copia, modificación, fusión, publicación, distribución, sublicencia y/o venta de copias del Software, y para permitir a las personas a las que se les proporciona el Software que lo hagan, con sujeción a las siguientes condiciones:

El anterior aviso de derechos de autor y este aviso de permiso se incluirán en todas las copias o partes sustanciales del Software.

EL SOFTWARE SE PROPORCIONA "TAL CUAL", SIN GARANTÍA DE NINGÚN TIPO, EXPRESA O IMPLÍCITA, INCLUIDAS, ENTRE OTRAS, LAS GARANTÍAS DE COMERCIABILIDAD, IDONEIDAD PARA UN FIN DETERMINADO Y NO INFRACCIÓN. EN NINGÚN CASO LOS AUTORES O LOS TITULARES DE LOS DERECHOS DE AUTOR SERÁN RESPONSABLES DE NINGUNA RECLAMACIÓN, DAÑO U OTRA RESPONSABILIDAD, YA SEA EN UNA ACCIÓN CONTRACTUAL, EXTRACONTRACTUAL O DE OTRO TIPO, QUE SURJA DE, EN O EN RELACIÓN CON EL SOFTWARE O EL USO U OTROS TRATOS EN EL SOFTWARE.