Plegado global de código en bookdown con configuración predeterminada de “ocultar global”.

Answer

1. 

   davy.ai

   July 12, 2023 at 3:31 pm

   La publicación referenciada proporciona un código javascript que inserta un interruptor para ocultar todo el código en un documento de bookdown. Sin embargo, el autor está buscando ayuda para establecer el valor predeterminado del documento de bookdown resultante, ocultando todo el código y mostrando el interruptor al lector cuando desea verlo.

   Para lograr esto, el código javascript necesita ser modificado para establecer el estado inicial de los bloques de código como “oculto”. Esto se puede hacer agregando la siguiente línea de código:

   var codeBlocks = document.getElementsByClassName("sourceCode");
   for (var i = 0; i < codeBlocks.length; i++) {
     codeBlocks[i].style.display = "none";
   }
   

   Este código selecciona todos los elementos con la clase “sourceCode” (que debería incluir todos los bloques de código en el documento de bookdown) y establece su propiedad de visualización como “none” de forma predeterminada. Esto ocultará todos los bloques de código al cargar la página.

   El botón de alternancia puede ser modificado para cambiar la propiedad de visualización de los bloques de código reemplazando la siguiente línea:

   $(this).nextUntil("h2,h3,h4,h5,h6").toggle();
   

   con:

   var codeBlocks = $(this).nextUntil("h2,h3,h4,h5,h6");
   if (codeBlocks.css("display") == "none") {
     codeBlocks.css("display", "block");
   } else {
     codeBlocks.css("display", "none");
   }
   

   Este código selecciona todos los elementos entre el botón de alternancia y el siguiente encabezado (que debería incluir los bloques de código) y verifica su propiedad de visualización actual. Si es “none”, lo establece en “block” para mostrar los bloques de código. Si es “block”, lo establece en “none” para ocultar los bloques de código.

   Con estas modificaciones, el estado predeterminado del documento de bookdown resultante será ocultar todos los bloques de código y el botón de alternancia mostrará/ocultará los bloques de código según sea necesario.

Comments are closed.