WYSIWYG Post Editor v1.0

WYSIWYG Post Editor

Description:
Lets you have a Microsoft Word/FrontPage-like editing box when you reply to threads, create new threads, and/or edit posts.

Features:
- Supports BBCode
- HTML is converted to BBCode
- Gives user a visual layout of what he/she is typing
- Supports dynamic bolding/underlining/etc.
- Has cool-looking Office XP-styled buttons.:bunny:
- Allows users to choose wether to use this editor, or vB's default one.
- Makes BBCodes obsolete
- And many more...:bunny:

Installation Time:
About 20-30 minutes.

Credits:
Toolbar, Original Coding and Design: eiSecure (http://www.eisecure.com)
Debugging & HTML to BBCode Conversion: Superman53142 (http://www.aoaforums.com)
User Options for WYSIWYG: Velocd (http://www.diffusion4.com)

NOTE:UNLIKE PREVIOUS VERSIONS, THIS ONE DOES NOT REQUIRE THAT YOUR FORUM HAS HTML ENABLED IN POSTS!

You can view a demo of the hack in action here: http://forums.eisecure.com

If you encounter any problems or if anything doesn't work right, or if the instructions aren't correct, then please post them here.

If you want to limit this hack to people who are using IE5.5 or above, click here for instructions.

Thanks,
Alex

[Smoothie]

Does this work with Mozilla, or just IE?

[Superman53142]

Originally posted by eiSecure
heh... now we need a BBCode to HTML conversion code. ^_^

Waaa, I need help with this. If anyone knows how to use the [ and ] characters in Javascript without them becoming essentially arrays, help me out! I've tried using a backslash before them, using their HTML equivilant, even using the escape(); function. Nothing works

[Velocd]

Originally posted by Smoothie
Does this work with Mozilla, or just IE?

I believe it does not work with Mozilla, that is why we have provided an option to turn it off for your members via usercp options.

[Birdie501]

Originally posted by Erwin


smilies do work - upload the vbcode2.js file to your forums directory.

Ahh sorry, I forgot that

btw how can i have the smilies at the cursor position, i think this was mentioned in this thread but it is really hard to read all again

[Superman53142]

Originally posted by Birdie501
btw how can i have the smilies at the cursor position, i think this was mentioned in this thread but it is really hard to read all again

I have yet to discover that, and don't think I ever will

As for the converting back to visual from BBCode, unless someone can help me figure out how to correctly use [ and ] in Javascript regular expressions, that will not work.

I am working on the buttons staying lit when you press them, but if you move the cursor it still stays lit; this is related to the problem with the smilies at cursor position; I don't know how to grab the position of the cursor in an iframe.

If anyone knows how to grab the position of a cursor in an iframe, then I can do at least one of the things above. At the moment, however, I'm at a standstill.

[eiSecure]

Yes, this is a very complicated piece of code, very different from the old textboxes that used to be there.

We would really appreciate it if you guys help out and bear with us if/when we find new bugs.:bunny:

[bluecat]

Hi. I got it installed; works great. I'm wondering if anyone can tell me how to make it so Raz's Spell Checker I installed will work again. SC now doesn't show at all and I really want to keep that too if I can. Thanks.

[Superman53142]

Originally posted by bluecat
Hi. I got it installed; works great. I'm wondering if anyone can tell me how to make it so Raz's Spell Checker I installed will work again. SC now doesn't show at all and I really want to keep that too if I can. Thanks.

I haven't installed that one, but I think that you should just follow essentially the same directions, just do it on the *_wysiwyg templates.

In the button for the spell checker, make sure you add this in the button syntax:

onClick="Save();"

[Martin CX]

It's looking awfully good, but before I go to work, do you know if your updates have alleviated my problem (quoted below) with the former version?

3) Perhaps related to 2) - I've hacked the quote-function so I'm usually given an output that looks like this...

?skldfjsfd sdsf hh strh nnb sfdkjsdkfj
?
?skldfjsfd sfjjkdsf slfdkfsf sfdkjsdkfj
?dfjsdf dsgtretoi gjdfkgj sdf.

...when I quote. But now it seems to eat the <br>'s and output this...

?skldfjsfd sdsf hh strh nnb sfdkjsdkfj ? ?skldfjsfd sfjjkdsf slfdkfsf sfdkjsdkfj ?dfjsdf dsgtretoi gjdfkgj sdf.

[eiSecure]

Yep, that's fixed.