There is a ready-made piece of code by lynX for you. It places chat output into a
table and will always be up to date with the javascript export output provided by the
chat server. Hopefully we won't change the format anyway, so you could as well write
your own javascript code. as you like.
You should also want to provide your own stylesheet instead of the one used here
to integrate the output into the design of your site.
Example usage:

<!-- the following lines belong into the html header, to be correct -
but so far no browser minds these lines appearing anywhere in the
document.
first let's fetch the data from the room directly from the web
port of the psyc server. it will be placed into an array. -->
<script src="http://psyced.org:33333/place/welcome?amount=7"></script>
<!-- then lets fetch our default code for displaying the data -->
<script src="http://www.psyc.eu/psyclog.js"></script>
<!-- we will also want to have it look good. here's where the reds and
blacks are, so you will want to change this probably. -->
<link rel=stylesheet href="http://www.psyc.eu/psyclog.css">
<!-- and this is the code you can place anywhere within your
webpage - open a table the way you want it and let psyclogView()
output the data. here's an example for the "welcome" room. -->
<table width=444 valign=top cellpadding=3>
<script> psyclogView(document.welcome) </script>
</table>
<!-- optionally, a link to enter the chat itself.
[<a href="http://psyced.org:33333/PSYC/?room=welcome">ENTER THIS CHAT</a>]
-->

This will then look like this:

Making your own javascript code

If this does not fit your needs, you will have to make your own javascript,
which is not very difficult.
The format of the array that you get is simple. The length will be 4 * amount + 1, where the last element is special and contains a string with the list of
people present in the room, see below.
All other elements are tuples of four, containing (timestamp, nick, action, text).
So if we want an output of what is being said in a room we use the
following snippet:

When formatting into a table take into account that when a chatter does a /me the
text element will be "" and the action may turn out to be very long.
psyclog.js takes that into consideration by use of a colspan.
So here it is, the default psyclog.js: