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

[Birdie501]

Originally posted by eiSecure

What are some other people's experiences with Wallstreet's mod? [/B]

*updated* it works for me
i just tried to install but it doesn't seem to work for me.
I have Win Xp with IE 6.0 but the code does not recognize me as IE 5.5+ user?????



I also think it is the best to combine the mod from Wallstreat and the possibility to disable this hack. I tried this:

PHP Code:

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


and it works!


For all German speaking users i attached two german buttons for bold and italic

[Velocd]

Great job Wallstreet, that defiantly helps! Alot of my members still didn't really know about the WYSIWYG editor because they had to switch it on, mostly the new registered users. One small problem is this WYSIWYG still has some bugs I and my members have noticed, if a member just doesn't want to use it I don't want to force them to install some older browser, I like to give them the option of turning it off....but that requires calling some queries.

Another problem though, you said it checks if the browser is older than IE 5.5, but what about other browsers? I know alot of people use Mozilla, and as I last heard Mozilla 1.0 isn't compatible with the WYSIWYG, will it also check this and bypass it?

[Larz]

If you start a thread and forget to enter a subject, your text disappears.

With the old editor, you could click the back button and the text would still be there - not with this editor.

Could you fix that, in any way?

[Birdie501]

Originally posted by Larz
If you start a thread and forget to enter a subject, your text disappears.

With the old editor, you could click the back button and the text would still be there - not with this editor.

Could you fix that, in any way?

I think this was also with the old editor, wasn't it?

[Larz]

Nah Birdie, the old editor checks for a subject when you press submit - and stops you if there isn't one.

Only with the new editor is text lost.

[Birdie501]

@Larz

just do this:

search the function validate(theform)

and replace it with this:
sorry you have to translate back in english

PHP Code:

function validate(theform) {
    set_x();
        switchit();
    if (vbform.message.value=="") {
        alert("Bitte einen Nachrichtentext eingeben.");
        return false; }
    if (theform.subject.value=="") {
        alert("Bitte einen Betreff eingeben.");
        return false; }
    if (postmaxchars != 0) {
        if (theform.message.value.length > $postmaxchars) {
            alert("Deine Nachricht ist zu lang.\n\nBitte Nachricht auf $postmaxchars Zeichen reduzieren.\nMomentan sind es "+theform.message.value.length+" Zeichen.");
            return false; }
        else { return true; }
    } else { return true; }
} 


[Larz]

Did you check my nationality or smth?

Es ist doch gut das ich ein bischen Deutsch sprichts, und das ich viel verstehe. (and have absolutely no clue about your stupid grammar :alien: )
Translated:

PHP Code:

function validate(theform) {
    set_x();
        switchit();
    if (vbform.message.value=="") {
        alert("Please fill out the message.");
        return false; }
    if (theform.subject.value=="") {
        alert("Please specify a subject.");
        return false; }
    if (postmaxchars != 0) {
        if (theform.message.value.length > $postmaxchars) {
            alert("Your message is too long.\n\nPlease limit the text to $postmaxchars characters.\nYour text is"+theform.message.value.length+" characters long.");
            return false; }
        else { return true; }
    } else { return true; }
} 


Just wanna add, it works perfectly.

[Birdie501]

But please keep in mind not to copy this to newreply_wysiwyg template because otherwise the subject field is no longer optional.

[Birdie501]

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.

Am i right that i also don't need this query:

PHP Code:

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

 if($replyengine[enablewysiwyg] == 1) { eval("dooutput("".gettemplate("newreply_wysiwyg")."");");

  } else { eval("dooutput("".gettemplate("newreply")."");"); } 


?????

[Birdie501]

mmmh, i still have problems with the text size! if i choose another text size it is shown as it should, but after submit the text size is always very small??