Display code snippet with Javascript
Question
I want to be able to print a code snippet with script-tags using JavaScript.
This is more or less what I want to print:
<script src='URL type='text/javascript'></script><script>functionName();</script>
I tried:
jQuery('selector').text("<pre><script src='URL type='text/javascript'></script><script>functionName();</script></pre>");
1 answers
solution1
0 2015-12-21 11:38:46
Use some syntax higlighter for that (ex https://highlightjs.org/ ).
<html> <head> <title>test</title> <!-- load highlight.js css & js --> <link href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.0.0/styles/default.min.css" rel="stylesheet" type="text/css" /> <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.0.0/highlight.min.js" type="text/javascript"></script> </head> <body> <!-- set up your tag which want to highlight --> <pre><code class="xml"> <script src='URL type='text/javascript'></script><script>functionName();</script> </code></pre> <script> // initialize highlight hljs.initHighlightingOnLoad(); </script> </body> </html>
The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.
Related Question
Display javascript as code snippet
Dynamic Code Snippet Display In Javascript
How to format JavaScript code snippet to display on Web Page?
Understanding JavaScript code snippet
Puzzled by this JavaScript code snippet
Javascript hoisting code snippet
How to display iframe by a Javascript snippet?
Display code snippet in Laravel blade
Explain to me this snippet of JavaScript code
Javascript code snippet not working in drupal
Related Tags