Nueva pregunta

Pregunta:

 
  0  
 
 
Robert Pérez Karma: 41 Venezuela
 
 Fecha: 30-12-2018 06:27:05 (En Español)

Como preformatear texto html con javascript[No resuelta]

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. Etiquetas: Código fuente - CSS - CSS3 - HTML - HTML5 - Javascript - JQuery - Pregunta - Web Votos: 0 - Respuestas: 4 - Vistas: 11 Compartir en: Google Facebook Twitter LinkedIn Link
 

Respuestas:

Para participar activamente de la comunidad primero debes autenticarte, ingresa al sistema.Iniciar Sesión
 
frjcbbae garagebible.com