New question

Question:

 
  0  
 
 
Robert Pérez Karma: 41 Venezuela
 
 Date: 30-12-2018 06:27:05 (In Spanish)

Como preformatear texto html con javascript[Unresolved]

Hola Amigo estoy desarrollando un frameword Css y a medida que lo desarrollo me gusta ir creando la documentación para que no se me olvide lo que hice. mi problema es que deseo mostrar el código en el cliente de manera tal como lo anoto en el texto sin volver a escribir código.
ejemplo este es el código tanto a mostrar como el que voy a poner dentro de la etiqueta pre.
<address>
    <strong>RS <small>Red Sapphire</small></strong><br>
       Bolívar, Venezuela<br>
      <abbr title="Correo Electronico"><u>delfinmundo@gmail.com</u></abbr>
 </address>

y de esta manera lo escribí y deseo que se muestra igual en el la etiqueta pre.
pero cuando ejecuto la sentencia me sucede 2 cosas
$("pre").html($("address").parent().html());
//Esto me muestra el código en una sola linea



function htmlEscape(s){
 return s.replace(/&/g, '&amp;') .replace(/</g, '&lt;') .replace(/>/g, '&gt;');
}
function tabulador(i){
 var t = "    ";//4 espacios para identar
if(i > 1){
  for(var e = 1; e<= i; e++){
    t += "    ";//Agrego mas espacios según la necesidad.
   }
}
}
function ordena(s){
 var v= "", e=1;
  if(s != ""){
   $.each(s.split("\n"),function(l,c){
     if(c != "")
    {
      c = $.trim(c);
      if(c.indexOf("</") > -1){
         e--;
         e = (e < 0) ?1:e;
        v += tabulador(e) + htmlEscape(e);
     }else{
        v += tabulador(e) + htmlEscape(e); 
        e++;
     }
    }
   })
  }
}
//Ahora lo usamos
$("pre").html(ordena($("address").parent().html()));

pero el resultado es todos pegado.
<address>
<strong>RS <small>Red Sapphire</small></strong><br>
Bolívar, Venezuela<br>
<abbr title="Correo Electronico"><u>delfinmundo@gmail.com</u></abbr>
</address>

o una escaler

<address>
.....<strong>RS <small>Red Sapphire</small></strong><br>
...........Bolívar, Venezuela<br>
................<abbr title="Correo Electronico"><u>delfinmundo@gmail.com</u></abbr>
..................... </address>

Agradezco demasiado a quien me pueda ayudar

Nota: se que existen muchos plugins para jQuery en lo personal recomiendo mucho code-prettify pero no estoy en busca de un plugin solo quiero una pequeñas lineas de código para mostrar el código. Tags: CSS - CSS3 - HTML - HTML5 - Javascript - JQuery - Question - Source code - Web Votes: 0 - Answers: 4 - Views: 11 Share on: Google Facebook Twitter LinkedIn Link
 

Answers:

  •  
      0  
     
     
    Fernando García Karma: 405 Spain
     
    Date: 30-12-2018 15:39:17 No he entendido, pero en html los espacios debes ponerlos con &nbsp; si quieres que se mantengan.   Votes: 0 - Link answer
     
  •  
      0  
     
     
    Robert Pérez Karma: 41 Venezuela
     
    Date: 31-12-2018 02:26:29 Pero no es directamente en html que los voy a colocar en dentro de una etiqueta PRE vez.   Votes: 0 - Link answer
     
  •  
      0  
     
     
    Qué Código Karma: 2708 Colombia
     
    Date: 31-12-2018 12:38:17 Hola,
    Para esto se usan librerias que ya contienen todo tipo de código,
    Yo utilizo https://highlightjs.org/, es una libreria muy completa y con muchos estilos.

    Saludos       Votes: 0 - Link answer
     
  •  
      0  
     
     
    Robert Pérez Karma: 41 Venezuela
     
    Date: 06-01-2019 02:05:58 Que web si leistes bien no busco librerias mi nada de eso, para librerías tengo la que menciono en el pos lo que busco es resolver el enigma de las funciones de arriba que me permitan identar y aclarar bien el código.   Votes: 0 - Link answer
     
To actively participate in the community first must authenticate, enter the system.Sign In
 
frjcbbae garagebible.com