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

[Superman53142]

Originally posted by Velocd
Hey Superman, any idea of how I can get the default font to be Verdana instead of Times New Roman? Since that is what most of my members are used to. Also, have you noticed or not if the default size is the normal size? If not, it would be great to preset that to the normal vbulletin size.

I think it can be done. The default font is correct for Times New Roman, and when submitted, if you don't select a size, it will print out no size, hence Verdana will be the default size, even though it is a bigger font than Times New Roman. If I were to make Verdana the default, it would be Verdana, size 2 (which should be about 10px or so).

EDIT: OK, I have this done. I will release it tomorrow along with the other requests. I know it would be a MAJOR pain in the butt to upgrade everytime a new request was furfilled, so I prefer to do lump upgrades. Does anyone else think Alex (eiSecure) is going to be very surprized at the number of changes that will be done by the time he wakes up tomorrow

[Superman53142]

OK, if you really must have this change now, right below the <iframe> there is a <script> tag. Insert this right below the <script....> tag:

idContent.document.write("<style>body { font-family:Verdana; font-size: 12px }</style>");

[Admin]

You can just replace this:

$threadengine = $DB_site->query_first("SELECT enablewysiwyg FROM user WHERE userid='$bbuserinfo[userid]'");

  if($threadengine[enablewysiwyg]){ eval("dooutput(\"".gettemplate("newthread_wysiwyg")."\");");

  } else { eval("dooutput(\"".gettemplate("newthread")."\");"); }

With:

  if($bbuserinfo['enablewysiwyg']) {
     eval('dooutput("'.gettemplate('newthread_wysiwyg').'");');
  } else {
     eval('dooutput("'.gettemplate('newthread').'");');
  }

No query needed.

[Superman53142]

So $bbuserinfo works like one of the super-duper-global PHP variables like $HTTP_POST_VARS?

[Superman53142]

I'm outta here. I'll be back in the morning; it's pretty late here.

[Admin]

In the install file it says:

11. Extract all the images included in this zip to a new folder called 'toolbars' under your forum's images folder.

They need to be in the 'toolbar' folder, actually.

[Admin]

Originally posted by Superman53142
So $bbuserinfo works like one of the super-duper-global PHP variables like $HTTP_POST_VARS?

No, but $bbuserinfo is an array that contains all information from the user and userfield tables for the browsing user.

Anyway, just finished installing this on my local machine. What can I say... touche.

[Superman53142]

Originally posted by FireFly

No, but $bbuserinfo is an array that contains all information from the user and userfield tables for the browsing user.

Anyway, just finished installing this on my local machine. What can I say... touche.

Make the default text Verdana, it looks too sweet!!! Thanks to VeloCD for the idea. I posted like a few posts up on how I did it; just idContent.document.write("<STYLE>BODY { font-family: Verdana; font-size: 12px }</STYLE>");

[Admin]

Shouldn't it translate the vB Code back to visual when you edit a post? I can see the [b] and all that.

[Admin]

Originally posted by Superman53142
Make the default text Verdana, it looks too sweet!!! Thanks to VeloCD for the idea. I posted like a few posts up on how I did it; just idContent.document.write("<STYLE>BODY { font-family: Verdana; font-size: 12px }</STYLE>");

Yes I already did that, and it does look very very good. Great job like I said.