Así que me enteré de 'Glorious Demo' hoy y estoy probando una demostración. Después de hacer que Glorious Demo funcionara inicialmente, intenté agregar resaltado de sintaxis a través de Prism . Sin embargo, cuando agrego la línea const highlightedCode = Prism.highlight(code, Prism.languages.clike, 'clike'); mi aplicación se rompe. ¿Lo que da?
Soy un principiante, así que me disculpo si estoy cometiendo algún error básico y no me doy cuenta.
<!-- A 'Glorious Demo' application for showcasing the example from 'Get Started with C Programming' --> <!DOCTYPE html> <html lang="en"> <head> <script src="https://cdn.jsdelivr.net/npm/@glorious/demo/dist/gdemo.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/prismjs/components/prism-clike.js"></script> <link href="https://cdn.jsdelivr.net/npm/@glorious/demo/dist/gdemo.min.css" rel="stylesheet" /> <link href="https://cdn.jsdelivr.net/npm/prismjs/themes/prism-tomorrow.css" rel="stylesheet" /> </head> <body> <div id="container"></div> </body> <script> const gdemo = new GDemo('#container'); const code = '#include <stdio.h>\n#include <conio.h>\nvoid main()\n{\nprintf("Hello World!");\ngetch();\n}' const highlightedCode = Prism.highlight(code, Prism.languages.clike, 'clike'); gdemo .openApp('editor', { minHeight: '400px', windowTitle: 'hello_world.c' }) .write(code, { onCompleteDelay: 2000 }) .openApp('terminal', { minHeight: '400px', promptString: '$' }) .command('gcc ./hello_world.c') .respond('Hello World!') .command('') .end(); </script> </html>