MyBB Community Forums

Hello everyone!
I have integrated the popular AJAX spell checker program for use with MyBB.

I have setup a demo page where you can see the spell checker in action, and try it out for yourself. Please note: This is a static HTML page, so no other php or javascript functions will work.


Screenshots:
[attachment=2121][attachment=2122][attachment=2123][attachment=2124][attachment=2125]

I succesfully installed this mod on the new reply forms, the new threads forms, and the quick reply form.

There are a few glitches with the spell checker (most likely unfixable), like words within mycode and html tags will not get checked. However, these problems should not be a big concern.

If people are interested, I would be glad to release the instructions.

Cheers!

Look good, I'm very interested.

So, how do we add it to our site?

Definitely interested.

I have found one problem that I am hoping somebody can help me out with....

After I enter my post inside the message box and click "Preview Post", the data in the message box dissapears upon reload. What is preventing it from dissappearing in the current setup of MyBB? Is there a function in the form that does this? Thanks!

will this need a special library be installed into php?

mike.cal Wrote:will this need a special library be installed into php?

Yes, "pspell". Most hosts offer it.

K well I'm excited about this one!

I was already half done developing this mod

ohh well.... Great mod Hurry up and give us the instructions! after I saw that demo, I'm THRILLED!

Hello everyone,

Okay, I have not been able to find a solution to the problems I posted earlier regarding this Spell Checker. I will release the instructions, but some fixes will need to be done before it should be placed on a public forum.

Here it goes...

Unzip the following folder, and upload everthing to the correct folders:
[attachment=2185]

Open up your "headerinclude" template and paste the following code to the bottom of it:

<script type="text/javascript" src="jscripts/cpaint2.inc.compressed.js"></script>
<script type="text/javascript" src="jscripts/spell_checker_compressed.js "></script>

Open up your "newthread" AND "newreply" AND "showthread_quickreply" templates:
Find:

<textarea name="message" rows="20" cols="70" tabindex="3">$message</textarea>

Replace With:

<div id="ajax_spell2">
<script type="text/javascript">
//<![CDATA[
	var spell_checker02 = new ajaxSpell('spell_checker02', '500', '300', 'spell_checker.php', 'ajax_spell2', 'message', 'spellChecker02');
//]]>
</script>
</div>

Add the following CSS to your theme via the Admin CP:

Quote:.status {
color: #FF0000;
padding-left: 150px;
white-space: nowrap;
}

.suggestion_box {
background-color: #E8F1FF;
border: 1px solid #000000;
position: absolute;
padding: 2px 2px 2px 2px;
}
.suggestion {
cursor: pointer;
text-decoration: underline;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #000000;
}
.edit_box {
background-color: #FFFFFF;
color: #000000;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
border: 1px inset #000000;
padding-top: 2px;
padding-left: 2px;
overflow: auto;
}
.text_box {
background-color: #FFFFFF;
color: #000000;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
}
.highlight {
color: #FF0000;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
text-decoration: underline;
cursor: pointer;
}
.no_misspellings {
color: #009933;
}
.check_spelling {
color: #0066CC;
text-decoration: underline;
cursor: pointer;
}
.resume_editing {
color: #009933;
text-decoration: underline;
cursor: pointer;
}