Ok so I feel like an idiot but I cannot get the example working, maybe it’s my lack of sleep or something.  All that displays is {comment}.  Now is there something I am doing or is this just me today:)

I have showdown.js and jquery.js pointing to good files so I am not sure what the heck I’m doing.

If this could be combined somehow with this jquery spellcheck plugin, that would be pretty nice. I’d set up the prototype version for a site, but couldn’t manage to figure out how to get a live preview working together with it.

Ok it was the lack of sleep, 4 green teas later and I have magicpreview working fine.  That was a weird post I made before now that I look back at it lol!  I agree though the spellchecker would be very nice to have combined.  I am going to try and get it working with magicpreview.

A live preview is confusing for me. Instead of being focus on what I want to type, I am distracted by the preview area that attracts my eye!

Another option is to use a modal window. The ModalPreview jQuery script from DevKick is a nice one. This very lightweight script will automatically add a preview button to EE’s comment form to display the content of the textarea.

michelG I did away with livepreview for that very reason but this looks very good, thanks for the link.

e-man - 02 December 2008 08:53 PM

jQuery code:

// easy comment previewing + showdown for markdown parsing in preview
    
      var $comment = '';
      $('#comm_content').keyup(function() {
        var converter = new Showdown.converter();
        $comment = $(this).val();
        $comment = converter.makeHtml($comment);
        $('#live-preview').html($comment);
      });

Note to those (like me) new to jQuery, to get the above code to work you must put it inside

grumps - 03 December 2008 03:17 PM

I’ve tried three or four of these already. The one I like best is from Rockatee. Very easy installation, small script, painless, highly customizable via CSS.

OK, I tried adding the rockatee js and code to my site, to no avail.  The thing just sits there.  Am I missing something?  You can see the attempt on my site here.

I’m a js novice, as you can tell.

Inside your preview.js you’ll find this selector:

Since there’s currently no element with that id in your html nothing will happen.

You’ll have to add this id to your textarea, so find this:

and add this:

That totally worked!  You’re a genius : )

OK, now the only problem I have (why is there no end?  I am feeling problematic.) is a random thing. 

I have smileys on the comment page.  And now the preview on the same page. 

Now, you have to be logged in to comment.  So, if I start to write a comment, and include a smiley, and then realize I need to be logged in, I have to log in.  So…I click my log in button, log in, and get redirected to…the smiley page. 

Test it for yourself:  http://www.planiran.com/index.php/site/article/sea_reef_burial/

Why is that? 

It’s OK, I can just hit the back arrow a few times and click submit, but it will throw visitors off.  Frustrate them. 

Oh, and the smileys don’t show up in the preview paine.  Maybe I should try these other js’s to see if that happens.

Maybe I should just give up on these smileys. 

This seems to be a redirect issue, not a smiley or js issue.  Oh what a tangled web.