Google Code Prettify doesnt syntax highlight on click

Question

I use Google Code Prettify to syntax highlight my code. This is my HTML

<head>
    <script src="https://cdn.rawgit.com/google/code-prettify/master/loader/run_prettify.js"></script>
</head>
<body>
        <div id ="xmlView">
            <pre  class="prettyprint">
                <code class="language-xml" id="xmlTextArea"></code>
            </pre>
        </div>
</body>

When adding Code directly in HTML to xmlTextArea and replacing all < and > with > and < it does it's job, but not when setting the code with jquery like this:

$('#xmlTextArea').text(code)

I also tried to call PR.prettyPrint() afterwards

Milan Chheda · Answer 1 · 2017-07-12T08:13:48.443

0

Here is the pretty code. You can refer to code-prettify for more examples:

var someCode = 'class Voila {public:static const string VOILA = "Voila";<a href="#voila2">tags</a>.}';
$('.prettyprint').html(someCode);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<head>
  <script src="https://cdn.rawgit.com/google/code-prettify/master/loader/run_prettify.js"></script>
</head>

<body>
  <div id="xmlView">
    <pre class="prettyprint"></pre>
  </div>
</body>

edited Jul 12 '17 at 08:13

answered Jul 12 '17 at 07:53

Milan Chheda

8,159
3
20
35

As I said, doing it like that works, but not when adding the code via jquery – Flo Jul 12 '17 at 08:09
Added the same via JQuery, it works except for the formatting which can be taken care. – Milan Chheda Jul 12 '17 at 08:14

Google Code Prettify doesnt syntax highlight on click

1 Answers1