Telerik editor spellcheck

[Ritu]

Hi,

I am using the telerik editor in an mvc project. I can see a lot of tools for formatting eg, Font, indentation, bulleting etc, but is there no tool for spell check included in the editor? What do we need to do to incorporate this feature into the standard telerik editor?

Ritu

[Marin Bratanov]

Hello Ritu,

You can use the RadSpell control to perform the spell check. You would only need to use a custom text provider as explained in this help article. Here follows a small example:

<telerik:RadSpell id="RadSpell1" runat="server" buttontype="None"  HandlerUrl="~/Telerik.Web.UI.DialogHandler.axd"  IsClientID="true"/>

  <%Html.Telerik().Editor()
          .Name("Editor1")
           .Value(() =>
                        {
%>
<%: "some diliberate mistakez"%>
<%
                        })
          .Encode(false)
          .Tools(tools => tools.Clear()
               .Custom(spellCheck => spellCheck.HtmlAttributes(new
                {
                    style = "background-image: url(\"/Images/icon_spellcheck.png\");",
                    onclick = "spellCheck(event)",
                    title = "Check the spelling of the text.",
                    id="home"
                }))
                )
               .Render(); %>

var CustomTextSource = function (editor)
{
    this._editor = editor;
    this.get_text = function () { return this._editor.value(); };
    this.set_text = function (value) { this._editor.value(value); };
}

function spellCheck(e)
{
    var editor = $("#Editor1").data("tEditor");
    var spell = GetRadSpell('<%= RadSpell1.ClientID %>');
    spell.spellCheck(new CustomTextSource(editor));
}

Regards,
Marin
the Telerik team