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

[DestyNova]

Originally posted by 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>");

I m bit confuse... add to which file? or template? i look for that but seem didnt find any.

[eiSecure]

Na, don't worry about it, it'll be included in a bugfix that'll be released later.

[DestyNova]

never mind...I figure it out =)

[Velocd]

Originally posted by FireFly
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.

I was wondering this myself when writing that part of the hack, but now I know this can be done. Thanks FireFly

Be sure to make this change in the next bug fix eiSecure

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

Yeah I've noticed this too in some spots, there are still a few kinks to get out..

[eiSecure]

heh... now we need a BBCode to HTML conversion code. ^_^

[Velocd]

Originally posted by Birdie501
Yes of course you have to register first. But after that you also have to turn it on!

For those of you who find it a pain to go alll the way into the usercp > options to turn on the WYSIWYG, and want the WYSIWYG set as default ON, simply run this query (hack must be installed first):

alter table user
alter column enablewysiwyg set default '1';

[eiSecure]

Note that although having it default to on can save users some time, it will also confuse your fellow Netscape/Mozilla users.

[Velocd]

I'll make a small modification, and post it up in a second, that will allow you to choose which system you want upon registration.

[eiSecure]

This hack is looking better and better every minute, thanks to you and Superman53142, Velocd.

[Velocd]

Check for me if this works alright eiSecure, my database is acting funny right now when I try to register (probably because I'm on a localserver):