vB Spell :: Spell Checker in WYSIWYG and Standard Modes

A 3.6 version by cynix2 is posted here:
https://vborg.vbsupport.ru/showthread.php?t=124578

What this does: vB Spell allows you to install a dictionary (English dictionary included) into your MysQL database, and provide a spell checking window that works in both of vB's editor modes, standard and WYSIWYG.

Background: Many of you liked PungoSpell, but didn't like recompiling PHP for it. Many liked PHPSpell, but didn't like the lack of WYSIWYG support and browser compatibility. vB Spell solved both problems, I hope, by combining the best of each.

Features:
o Supports most recent versions of browsers. Tested on IE, Firefox, Mozilla/Netsacpe, Opera and Konqueror (Konqueror implies Safari, but please confirm Mac folks)
o Learn Feature uses cookies, so it won't increase the database size
o Admin panel options
o Works in WYSIWYG toolbar, Standard toolbar, and no toolbar
o Can be added in full edit mode, quick edit and quick reply.
o Skips quoted text and other tags (PHP, code, etc.)
o Usergroup permisisons
o Template based interface, and uses your default style.
o Link buttons (Thesarus and Lookup) with links to Merriam Webster's online thesarus and dictionary links with the suggestion for misspelled words.

Installation:
Note: There is a french version of vB Spell, by cclaerhout posted here

1. Upload files and run vbspell_install.php
2. Go to AdminCP > vBulletin Options > vB Spell and edit your usergroup permisisons.
3. Template edits: (see alternative method, if you don't mind removing the ieSpell button made by vB : https://vborg.vbsupport.ru/showpost....9&postcount=48)

For each template where you would like to add a vB Spell, do the following edits (Example: editpost, newreply, newthread, etc.)

A. Find:

</head>

Add before:

<script src="vbspell.js"></script>

B. Find: (or anywhere in the body)

$navbar

Add after:

<form name="spell_form" id="spell_form" method="POST" target="spellWindow" action="vbspell.php">
        <input type="hidden" name="spell_formname" value="">
        <input type="hidden" name="spell_fieldname" value="">
        <input type="hidden" name="spellstring" value="">
</form>

C. Find the submit and preview buttons:

		<input type="submit" class="button" name="sbutton" value="$vbphrase[save_changes]" accesskey="s" tabindex="1" />
		<input type="submit" class="button" name="preview" value="$vbphrase[preview_changes]" accesskey="p" tabindex="1" />

Add below:

<input type="button" class="button" value="Spell Check" onClick="spellCheck('vbform', '$editorid', '2');" />

Other templates:

Optional: Other Templates that contain edit boxes are:
USERCP_SHELL just add A before the </head section and B after it. Required for pm_newpm and modifysignature.
editpost
Calendar Templates: calendar_edit
New Posting Templates: newreply, newthread

Quick reply: . Put change A and B in showthread, as the rest, and use this for step C:

<input type="button" class="button" value="Spell Check" onClick="spellCheck('qrform', '$editorid', '2');" />

Right after this (also in showthread):

			<input type="submit" class="button" value="$vbphrase[go_advanced]" accesskey="x" title="(Alt + X)" name="preview" tabindex="3" id="qr_preview" onclick="this.form.clickedelm.value = this.value" />

For quick edit in postbit_quickedit, use this for step C (A and B are in showthread):

		<input type="button" class="button" value="Spell Check" onClick="spellCheck('vbform', '$editorid', '2');" />

After this:

		<input type="button" class="button" tabindex="1" accesskey="p" value="$vbphrase[go_advanced]" id="{$editorid}_adv" />

History:
December 25, 2005: Security fix for cases where you allow HTML posts and they contain malicious code (Credit goes to Brendan Donahue for finding the issue and alerting TechGuy, and to TechGuy for alerting me to it)
November 2nd. 2005: Fixes a bug with slashes in text.
October 17. 2005: Check for primary and secondary group for permission. Bug fix for quoted words.
September 13, 2005: v0.9.9 Bugfix for JS on IE with RC3
July 15, 2005: v0.9.8 Bugfix for JS code mismatch with template.
July 14, 2005: v0.9.7 Initial release for vB 3.5 beta-4

Please click Install if you have installed this mod.

Scrrenshots: (from the 3.0.7, but it's identical)

[Mr Chad]

This is amaizing! Only problem was adding the dictionary to the database. I host with 1and1 and their DB konks out if i send to much at a time. so i had to add it until it gave me the error then find out how far it added and take all the stuff it added from the Dict.TXT and re add it. Worked perfectly.

[dsmcd01]

Originally Posted by tamarian

Try this: open vbspell.php, find:

PHP Code:

preg_match_all ( "/" . $ignore_sets . "\[[^\]]+\]|[[:alpha:]']+|<[^>]+>|&[^;\ ]+;/im", $mystr, $alphas, PREG_OFFSET_CAPTURE|PREG_PATTERN_ORDER); 


Replace with:

PHP Code:

preg_match_all ( "/" . $ignore_sets . "\[[^\]]+\]|[[:alpha:]]+|<[^>]+>|&[^;\ ]+;/im", $mystr, $alphas, PREG_OFFSET_CAPTURE|PREG_PATTERN_ORDER); 


No, sorry. No difference. Spell checking:
word 'word' "word"
still finds 'word' misspelled.

Thx,
D.

[AaronBBrown]

I've followed the instructions, put A and B in SHOWTHREAD and followed the special instructions and put

<input type="button" class="button" value="Spell Check" onClick="spellCheck('qeform', '$editorid', '2');" />

in postbit_quickedit, but my quickedit spellcheck button does nothing. Suggestions?

[tamarian]

Originally Posted by AaronBBrown

I've followed the instructions, put A and B in SHOWTHREAD and followed the special instructions and put

<input type="button" class="button" value="Spell Check" onClick="spellCheck('qeform', '$editorid', '2');" />

in postbit_quickedit, but my quickedit spellcheck button does nothing. Suggestions?

There is a problem with Quick edit that has yet to be resolved. For now, just click advanced to use the spell checker.

[AaronBBrown]

This mod strips out all backslashes from a post.

If I type "C:\Mypath\Foo"

vBSpell immediately strips it to "C:MypathFoo" when it comes up.

[Lea Verou]

Originally Posted by AaronBBrown

This mod strips out all backslashes from a post.

If I type "C:\Mypath\Foo"

vBSpell immediately strips it to "C:MypathFoo" when it comes up.

Yep that's a common thing in php to ensure that even if magic quotes is enabled the text will look correct... If that didn't exist in the code you'd probably see additional backslashes in the text (although you wouldn't loose the ones you posted).
I don't know if that can be fixed, but if it can I'd really like to see the solution!

[6impy]

I upgraded to vB3.5.1 and now when I try to use the spell checker, the popup window is completely blank.

[sim tech]

Originally Posted by 6impy

I upgraded to vB3.5.1 and now when I try to use the spell checker, the popup window is completely blank.

Here too...


I ended up running the install script and selecting uninstall.

Then I re-installed it & it's now working. The install/uninstall script made it very painless!

[tamarian]

Re: 3.5.1: The reason it stops working is that the vbspell template gets deleted after the upgrade, probably due to product id, as it was made before products. I'll check on that.

In the mean time, to get it back, all you need to do is re-create the vbspell template, either by running the install script (only the template step), or create a new vbspell template by pasting this:

$stylevar[htmldoctype]
<html dir="$stylevar[textdirection]" lang="$stylevar[languagecode]">
<head>
<title>vB Spell $vboptions[bbtitle]</title>
$style[css]
<script>
var iFrameBody;
var spell_formname="$FormName";
var spell_fieldname="$FieldName";
</script>
<script src="vbspell.js"></script>
<script>
$js;
</script>
</head>

<body>

<form name="fm1" onSubmit="return false;">

<table class="tborder" cellpadding="$stylevar[cellpadding]" cellspacing="$stylevar[cellspacing]" border="0" width="100%" align="center">
        <tr>
                <td class="tcat" colspan="2">
                        <strong>vB Spell</strong>
                </td>
        </tr>

        <tr>
                <td class="alt1" colspan="2">
                        <iframe name="spellbox" id="spellbox" width="100%" height="270" scrolling="auto" src="vbspell_iframe.php"></iframe>
                </td>
        </tr>

        <tr class="alt1">
                <td valign="top" width="310">
                        <fieldset class="fieldset" style="margin:0px">
                                <legend>Change to:</legend>
                                <div style="padding:$stylevar[formspacer]px">
                                        <div>
                                                <input type="text" name="changeto" class="biginput">
                                        </div>
                                </div>
                        </fieldset>        
                </td>

                <td width="310">
                        <fieldset class="fieldset" style="margin:0px">
                                <legend>Suggestions:</legend>
                                <div style="padding:$stylevar[formspacer]px">
                                        <div>
                                                <select style="width:100%" name="suggestions" size="4" onClick="this.form.changeto.value = this.options[ this.selectedIndex ].text">
                                                </select>
                                        </div>
                                </div>
                        </fieldset>
                </td>
        </tr>

        <tr>
                <td colspan="2" class="alt2" noWrap="noWrap">
                        <input type="button" class="button" name="change" value="Change" onClick="replaceWord()">
                        <input type="button" class="button" name="changeall" value="Change All" onClick="replaceAll()">
                        <input type="button" class="button" name="ignore" value="Ignore" onClick="nextWord(false)">
                        <input type="button" class="button" name="ignoreall" value="Ignore All" onClick="nextWord(true)">
                        <input type="button" class="button" name="learn" value="Learn" onClick="learnWord()"> 
                        <input type="button" class="button" name="thesarus" value="Thesaurus" onClick="thesarusWord()">
                        <input type="button" class="button" name="lookup" value="Lookup" onClick="lookupWord()">	
                        <input type="button" class="button" name="quit" value="Quit" onClick="exitWord()">	
                        <input type="button" class="button" name="done" value="Done" onClick="doneWord()">
                </td>
        </tr>  
</table>
</form>
</body>
</html>

[thewitt]

Have you looked at the integration comments for template editing from message #48? These are very slick and so far seem to work great.

It replaces the IE only enabled ABC-checkmark with this editor. It seems to work really well and only required three template edits.

Comments?

-t