Issue with Editor Spell Check Icon

[Venki]

Hello Telerik Team,

I have an issue with RadEditor spell check icon. Look at, attached screen shot(Highlighted in yellow). I do not use any css class or anything. Can you help?

My code is like below...

  <rad:RadEditor runat="server" Width="590px" Height="375px" ID="VariableValueEditor">

            </rad:RadEditor>

void AddToolBarToEditor()
        {
            EditorToolGroup mainGroup = new EditorToolGroup();

            mainGroup.Tools.Add( new EditorTool( "Cut", "CTRL+X" ) );
            mainGroup.Tools.Add( new EditorTool( "Copy", "CTRL+C" ) );
            mainGroup.Tools.Add( new EditorTool( "Paste", "CTRL+P" ) );

            mainGroup.Tools.Add( new EditorSeparator() );

            mainGroup.Tools.Add( new EditorTool( "Bold", "CTRL+B" ) );
            mainGroup.Tools.Add( new EditorTool( "Underline", "CTRL+U" ) );
            mainGroup.Tools.Add( new EditorTool( "Italic", "CTRL+I" ) );

            mainGroup.Tools.Add( new EditorSeparator() );

            mainGroup.Tools.Add( new EditorTool( "PasteFromWordNoFontsNoSizes" ) );
            mainGroup.Tools.Add( new EditorTool( "Superscript" ) );
            mainGroup.Tools.Add( new EditorTool( "Subscript" ) );

            mainGroup.Tools.Add( new EditorSeparator() );

            EditorTool spellCheckEditorTool = new EditorTool( "SpellCheck", "F7" );
            mainGroup.Tools.Add( spellCheckEditorTool );

            VariableValueEditor.StripFormattingOptions = EditorStripFormattingOptions.Span | EditorStripFormattingOptions.MSWordRemoveAll | EditorStripFormattingOptions.Css;

            AddSpecialCharacterButtonToToolBar( mainGroup );

            VariableValueEditor.Tools.Add( mainGroup );
        }

Thanks

Venki

[Rumen]

Hi Venki,

The name of the inline spellchecker of RadEditor is AjaxSpellCheck. You should replace the SpellCheck name with AjaxSpellCheck, e.g.

EditorTool spellCheckEditorTool = new EditorTool( "AjaxSpellCheck", "F7" );


Best 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.

[Venki]

Rumen,

I do not use inline spellchecker. And I also saw the spell checker icon when I had AjaxSpellCheck. I am implementing custom dictionary data source and opening this using below code.

 <script type="text/javascript">
        Telerik.Web.UI.Editor.CommandList.SpellCheck = function (commandName, editor) {
            var spell = GetRadSpell('<%= variableValueRadSpell.ClientID %>');
            spell.spellCheck(new PrometheusTextSource(editor));
            return false;
        }
        var PrometheusTextSource = function (editor) {
            this._editor = editor;
            this.get_text = function () { return this._editor.get_html(); };
            this.set_text = function (value) { this._editor.set_html(value); };
        }

Please see what I am missing.

Venki

[Rumen]

Hello Venki,

Thank you for the clarification.

To set an icon for the SpellCheck command put or import the following class in the head of the page with RadEditor:

<style type="text/css">
        .reTool .SpellCheck
        {
            background-image:url(spell.png);
        }
</style>

After that copy the attached spell.png icon in the root of the web application.

All the best,
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.