SpellCheck in RadEditor inside custom MOSS page

[Clayton Kelemen]

Hey there,

We have a built an application that uses custom ASPX pages inside SharePoint. A few of our ASPX pages use the RadEditor control. We would like to turn on SpellCheck inside the RadEditor, but are running into problems getting this working inside SharePoint.

We can get the Spell Check toolbar button to be visible but when you click on the Spell Check button we see the label "Spell checking in progress..." but a javascript error is getting returned: Message: Sys.ArgumentException: Cannot deserialize. The data does not correspond to valid JSON. Parameter name: data

The en-US.tdf and Telerik.Web.UI.SpellCheckHandler.ashx exist in a folder inside the 12 hive folder. My guess is that we are not setting up the RadEditor with the two files mentioned above properly.

We also have added the following line to the web.config of the SharePoint folder in inetpub.

<add verb="*" validate="false" path="Telerik.Web.UI.SpellCheckHandler.axd" type="Telerik.Web.UI.SpellCheckHandler, Telerik.Web.UI">

We are also setting some of the SpellCheckSettings of the RadEditor control:

SpellCheckSettings.AjaxUrl = "/_layouts/Telerik/Telerik.Web.UI.SpellCheckHandler.ashx";
SpellCheckSettings.DictionaryPath = "/_layouts/Telerik/en-US.tdf";

Can you see anything that is missing or incorrect? Or anything else you can suggest?

TIA,
C

[Stanimir]

Hi Clayton,

When it comes to SharePoint we recommend using RadEditor for MOSS http://www.telerik.com/help/aspnet-ajax/moss-introduction.html. This control is designed especially for SharePoint environment (the dialogs has integrated custom content providers). Ones you deploy the solution you will be able to use MOSSRadEditor class, which is defined in the Telerik.SharePoint namespace of RadEditorSharePoint assembly.



Best wishes,
Stanimir
the Telerik team

Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items.

[Clayton Kelemen]

Thanks for your response.

I have integrated the MOSSRadEditor class into our pages and controls. The good news is that the spell check now functions properly.

The final issues we are struggling with are related to the Toolbar for the MOSSRadEditor. The two issues we are having are:

• the ToolBarMode appears to be 'stuck' in ShowOnFocus (see attached ToolbarMode01.gif and ToolbarMode02.gif), and
• The Toolbar width is somehow being set to a value wider than the size taken up by the visible tools (see attached ToolbarWidth01.gif)
  • The current version of the RadEditor control in our pages has the default display mode as well as the width of the toolbar being set properly (see attached RadEditor02.gif).

I don't think that we need to be setting the ToolbarMode to Default, but we are explicitly doing so in an attempt to rectify this problem. We have also tried setting the ToolbarMode to Floating or PageTop and the toolbar is still stuck in ShowOnFocus mode.

this.ToolbarMode = EditorToolbarMode.Default;

 

We have also tried to adjust the widths of the toolbar by:

this.ToolsWidth = Unit.Percentage(50);

Any ideas?

The attachment RadEditor01.gif is not the correct image...so please ignore.

Thanks,
C

[Clayton Kelemen]

Sorry for the edit via a reply...

But the image in the previous post named RadEditor01.gif is incorrect...I have attached the RadEditor02.gif.

Thanks,
Clayton

[Clayton Kelemen]

Sorry for another post..but we found another issue with the MossRadEditor. The issue is that the AjaxSpellCheck works, but the popup window for suggestions appears at the bottom of the page (not beneath the mis-spelt word).

Any ideas?

Please refer to attached mosseditorspellcheckissue.gif.

Thanks,
C

[Clayton Kelemen]

Tuesday PM update...

We were able to figure out why the toolbar was defaulted to ShowOnFocus and had a larger width...We found a help file on the Telerik site that gave us our answer. http://www.telerik.com/help/aspnet-ajax/set-properties-via-config-file.html

Web Part and WCM scenario

You need to modify the ConfigFile.xml which is located in the following folder:

/Program Files/Common Files/Microsoft Shared/web server extensions/wpresources/RadEditorSharePoint/5.x.x.0__1f131a624888eeed/Resources/

When I navigated to the ConfigFile.xml at this location I found the following settings:

<configuration>
    <property name="ToolbarMode">ShowOnFocus</property>
    <property name="ToolsWidth">680px</property>
</configuration>

I changed these settings to:

<configuration>
    <property name="ToolbarMode">Default</property>
    <property name="ToolsWidth">100%</property>
</configuration>

When launching our custom ASPX page the toolbar now displays in the full width and the toolbar is now visible at all times (user preferred).

The end results is that we have resolved all of our issues with the control, except the spell checker popup window appearing at the bottom of the page (and not beneath the word). I found another post that references controlling the offset of the suggestions popup. But I'm not sure if we are having the same issue (due to RadEditor vs MossRadEditor).

http://www.telerik.com/community/forums/aspnet-ajax/editor/spellcheck-popup.aspx

Maybe the popup window is getting confused with a SharePoint CSS file?

Thanks,
Clay

[Rumen]

Hi Clay,

The SpellChecker popup problem should be fixed in the latest version of RadEditor for MOSS 5.7.1. Please download the trial version from your account and test it.

Kind regards,
Rumen
the Telerik team

Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items.