1

¿Cómo puedo representar código Swift u Objective-C en un texto en formato HTML con tabulaciones, colores, ... como se representa en XCode o algún otro editor de código?.

He estado buscando alguna función en javascript pero no encuentro nada.

3
  • ¿Has probado code-prettify? el 12 jun. 2018 a las 8:05
  • No conozco esa libreria. Busco algo sencillo simplemente que pueda copiar de otro documento un código con copy + paste para pasarlo a Html, que se vea con sus tabulaciones, colores...
    – Popularfan
    el 12 jun. 2018 a las 9:38
  • Mira entonces mi respuesta y la edición en la que incluyo la biblioteca ACE. el 12 jun. 2018 a las 9:58

1 respuesta 1

3

Pudes hacer uso de la biblioteca de funciones javascript que te proporciona code prettify para llevar a cabo tu tarea.

Soporta swift a través de una extensión, pero no sé si habrá alguna específica para objective C (imagino que valdrá la genérica para C).

<script src="https://rawgit.com/google/code-prettify/master/loader/run_prettify.js?autoload=true&amp;skin=sunburst&amp;lang=css" defer=""></script>
<pre class="prettyprint">
#import &#x3C;Foundation/Foundation.h&#x3E;

int main(int argc, const char * argv[]) {
    @autoreleasepool {
        // insert code here...
        NSLog(@&#x22;Hello, World!&#x22;);
    }
    return 0;
}
</pre>

En modo de editor en línea usando la biblioteca de funciones de ace:

#editor { 
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
<div id="editor">#import &#x3C;Foundation/Foundation.h&#x3E;

int main(int argc, const char * argv[]) {
    @autoreleasepool {
        // insert code here...
        NSLog(@&#x22;Hello, World!&#x22;);
    }
    return 0;
}</div>
    
<script src="https://cdnjs.cloudflare.com/ajax/libs/ace/1.3.3/ace.js" integrity="sha256-NLPE2EQpOtxTAUB/jxjM97jsGmVQopiX8ceHySHhXs8=" crossorigin="anonymous"></script>
<script>
    var editor = ace.edit("editor");
    editor.setTheme("ace/theme/monokai");
    editor.session.setMode("ace/mode/objectivec");
</script>

10
  • Gracias, estoy buscando una opción que pueda ver html con código swift en offline. Porque la idea es tener anotaciones para consultar.
    – Popularfan
    el 12 jun. 2018 a las 8:19
  • ¿Entonces quieres presentar o editar el código? Presentar es sólo mostrarlo sin posibilidad de modificarlo y editar requiere que lo que se ve en la página se pueda modificar. el 12 jun. 2018 a las 8:22
  • Si lo que quieres es un editor de código te he puesto un ejemplo usando ace. el 12 jun. 2018 a las 8:30
  • 1
    Si lo quieres offline basta con tener la librería en local, en lugar de apuntar a un CDN el 12 jun. 2018 a las 8:42
  • Gracias @PabloLozano por aclarárselo, pero antes de que pueda redactar una respuesta más correcta tendrá que darnos más detalles de a qué se refiere con "ver html con código swift en offline" y a qué se refiere con "la idea es hacer anotaciones para consultar". el 12 jun. 2018 a las 8:56

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.