Using Prettify on dynamically-generated code

Question

I'm using Prettify for syntax highlighting, but it doesn't work on dynamically generated code.

I have a form that when submitted generates code and displays it (without refreshing) in <div id="output></div>, but prettify doesn't work on this code, is there any workaround?

Many thanks!

Not exactly answer-worthy, but, try <div id="output"></div> - with the second quote-marks or whatever they're called (it's missed out from the other side of output) — Jack
– Jack, Commented Apr 4, 2010 at 17:20

Kyle Hotchkiss · Accepted Answer · 2010-04-12 18:08:59Z

1

Make sure you recall Prettify once the new code is loaded.

You will need to add a handler to the 'Submit' event. I don't know if you are using a framework or raw JS, so I can't give a code example.

answered Apr 12, 2010 at 18:08

Kyle Hotchkiss

11.2k21 gold badges60 silver badges82 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Michał Pękała · Accepted Answer · 2010-12-06 11:12:41Z

1

There's a nice solution at http://www.codingthewheel.com/archives/syntax-highlighting-stackoverflow-google-prettify.

In short:

listen for an event: user is inactive for X seconds (after key press)
run the Prettify function prettyPrint()
(if a user starts typing before X seconds do not run Prettify)

.

$(document).ready(function() {
  $('#mytextarea').keydown(function() {
    $(this).stopTime();
    $(this).oneTime(1000, function() { 
      /* launch the Prettify here */
    });
  });
});

code copied from http://www.codingthewheel.com/archives/syntax-highlighting-stackoverflow-google-prettify

answered Dec 6, 2010 at 11:12

Michał Pękała

2,3895 gold badges23 silver badges32 bronze badges

Collectives™ on Stack Overflow

Using Prettify on dynamically-generated code

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related