Home / Community & Support / Developer Productivity Tools Forums / ASP.NET > Spell > RadSpell with TinyMCE textbox

• jo

  Posted on Jan 21, 2008 (permalink)

  Will RadSpell work with the TinyMCE rich text boxes?
  I have multiple textboxes on a page and need to know if
  we could use this product with TinyMCE?

• Lini Lini

  Posted on Jan 22, 2008 (permalink)

  Hi,
  
  As far as I know, TinyMCE works by extending a normal textarea or an asp textbox control. RadSpell supports both these scenarios so it will not be a problem to set up the scenario you described. If you are using <textarea> controls, set the ControlToCheck spell property to equal the textarea ID and also set the IsClientID property to true. If you are checking a server side textbox, simply set the ControlToCheck property to equal the server textbox ID.
  
  I tried to make a simple test and it turned out that I had to manually update the editor content before and after the spell check. Perhaps you can find a better way to do that. Here is my code:
  
  

  <!-- Gets replaced with TinyMCE -->

  <textarea id="elm1" name="elm1" rows="15" cols="80" style="width: 80%"></textarea>

  <script type="text/javascript">

  function saveEditors()

  {

  tinyMCE.activeEditor.save();

  }

  function updateEditors(sender, args)

  {

  if (sender.IsSpellChecked())

  {

  //if spellcheck finished successfully, update content

  tinyMCE.activeEditor.setContent(document.forms[0]["elm1"].value);

  }

  }

  </script>

  <rad:RadSpell id="rs1" runat="server" ControlToCheck="elm1" IsClientID="true" runat="server" OnClientCheckStarted="saveEditors" OnClientDialogClosing="updateEditors" />

  
  
  Regards,
  Lini
  the Telerik team

  
  Instantly find answers to your questions at the new Telerik Support Center

• jo

  Posted on Jan 22, 2008 (permalink)

  Thanks so much for your response but I have one more question.  I am not as familiar with javascript so can you tell me how it could spellcheck and update multiple textboxes.  I have added the multiple textboxes in the code below and if you could give me a little direction on how to spellcheck and update all the textboxes at once, I would be forever grateful and our company will purchase your product.  Here's the code.....
  

  <!--  TinyMCE textboxes to Spellcheck--> 
  <textarea name="content" id="txt1” class="mceEditor" runat="server" ></textarea>
  <textarea name="content" id="txt2” class="mceEditor" runat="server" ></textarea>
  <textarea name="content" id="txt3” class="mceEditor" runat="server" ></textarea>
  <textarea name="content" id="txt4” class="mceEditor" runat="server" ></textarea>
  <textarea name="content" id="txt5” class="mceEditor" runat="server" ></textarea>
  <textarea name="content" id="txt6” class="mceEditor" runat="server" ></textarea>
  <textarea name="content" id="txt7” class="mceEditor" runat="server" ></textarea>
  <textarea name="content" id="txt8” class="mceEditor" runat="server" ></textarea>
  <textarea name="content" id="txt9” class="mceEditor" runat="server" ></textarea>

   <script type="text/javascript">  
  function saveEditors()  
  {  
      tinyMCE.activeEditor.save();  
  }  
  function updateEditors(sender, args)
  {  
      if (sender.IsSpellChecked())  
      {  
          //if spellcheck finished successfully, update content  
          tinyMCE.activeEditor.setContent(document.forms[0]["txt1"].value);  
          tinyMCE.activeEditor.setContent(document.forms[1]["txt2"].value);  
          tinyMCE.activeEditor.setContent(document.forms[2]["txt3"].value); 
          tinyMCE.activeEditor.setContent(document.forms[3]["txt4"].value);  
          tinyMCE.activeEditor.setContent(document.forms[4]["txt5"].value);  
          tinyMCE.activeEditor.setContent(document.forms[5]["txt6"].value);  
          tinyMCE.activeEditor.setContent(document.forms[6]["txt7"].value);  
          tinyMCE.activeEditor.setContent(document.forms[7]["txt8"].value);  
          tinyMCE.activeEditor.setContent(document.forms[8]["txt9"].value);  
      }  
  }  
  </script> 
  <rad:RadSpell id="rs1" runat="server" ControlToCheck="txt1" IsClientID="true" 
  runat="server"  OnClientCheckStarted="saveEditors" OnClientDialogClosing="updateEditors" />

• jo

  Posted on Jan 22, 2008 (permalink)

  Thanks so much for your response but I have one more question.  I am not as familiar with javascript so can you tell me how it could spellcheck and update multiple textboxes.  I have added the multiple textboxes in the code below and if you could give me a little direction on how to spellcheck and update all the textboxes at once, I would be forever grateful and our company will purchase your product.  Here's the code.....
  

  <!--  TinyMCE textboxes to Spellcheck--> 
  <textarea name="content" id="txt1” class="mceEditor" runat="server" ></textarea>
  <textarea name="content" id="txt2” class="mceEditor" runat="server" ></textarea>
  <textarea name="content" id="txt3” class="mceEditor" runat="server" ></textarea>
  <textarea name="content" id="txt4” class="mceEditor" runat="server" ></textarea>
  <textarea name="content" id="txt5” class="mceEditor" runat="server" ></textarea>
  <textarea name="content" id="txt6” class="mceEditor" runat="server" ></textarea>
  <textarea name="content" id="txt7” class="mceEditor" runat="server" ></textarea>
  <textarea name="content" id="txt8” class="mceEditor" runat="server" ></textarea>
  <textarea name="content" id="txt9” class="mceEditor" runat="server" ></textarea>

   <script type="text/javascript">  
  function saveEditors()  
  {  
      tinyMCE.activeEditor.save();  
  }  
  function updateEditors(sender, args)
  {  
      if (sender.IsSpellChecked())  
      {  
          //if spellcheck finished successfully, update content  
          tinyMCE.activeEditor.setContent(document.forms[0]["txt1"].value);  
          tinyMCE.activeEditor.setContent(document.forms[1]["txt2"].value);  
          tinyMCE.activeEditor.setContent(document.forms[2]["txt3"].value); 
          tinyMCE.activeEditor.setContent(document.forms[3]["txt4"].value);  
          tinyMCE.activeEditor.setContent(document.forms[4]["txt5"].value);  
          tinyMCE.activeEditor.setContent(document.forms[5]["txt6"].value);  
          tinyMCE.activeEditor.setContent(document.forms[6]["txt7"].value);  
          tinyMCE.activeEditor.setContent(document.forms[7]["txt8"].value);  
          tinyMCE.activeEditor.setContent(document.forms[8]["txt9"].value);  
      }  
  }  
  </script> 
  <rad:RadSpell id="rs1" runat="server" ControlToCheck="txt1" IsClientID="true" 
  runat="server"  OnClientCheckStarted="saveEditors" OnClientDialogClosing="updateEditors" />

• Lini Lini

  Posted on Jan 22, 2008 (permalink)

  Hello,
  
  We have an example, which shows how to check multiple textareas with one RadSpell component. You can see it here - http://www.telerik.com/demos/aspnet/Spell/Examples/MultipleChecks/DefaultCS.aspx
  
  You can use the same approach to check multiple tinyMCE instances. I have modified my example to work better with more than one editor. You can find the file attached to this message.
  
  Sincerely yours,
  Lini
  the Telerik team

  
  Instantly find answers to your questions at the new Telerik Support Center

  Attached files

  • TinyMCERadSpell.zip

• jo

  Posted on Jan 22, 2008 (permalink)

  We tried to implement the solution you provided to update multiple tinyMCE textboxes after spellcheck is complete, using the code listed below in our .aspx page.  However, it wasn't working, so we put alerts in the updateEditors function to try to debug it, and found it wasn't assigning the editorArray variable from tinyMCE.editors. Could you please advise?  We would really like to use this product.  Thank you.
  

  <

  rad:RadSpell ID="rs1" runat="server" ControlToCheck="txt1" IsClientID="true" OnClientDialogClosing="updateEditors" ButtonType="none" />

  <script type="text/javascript">
  function updateEditors(sender, args)
  { 
      if (sender.IsSpellChecked())
      { 
          //if spellcheck finished successfully, update content 
          var editorArray = tinyMCE.editors; 
          for (editorId in tinyMCE.editors)
          { 
              if (editorArray.hasOwnProperty(editorId)) 
              {
                  var oEditor = editorArray[editorId]; 
                  oEditor.setContent(oEditor.getElement().value);
              }
          }
  }
  </script>
  

• Lini Lini

  Posted on Jan 23, 2008 (permalink)

  Hi,
  
  I am using the 3.0rc2 release candidate. Perhaps you have an older version where this feature is not implemented? I advise you to go to the tinyMCE forums and ask how you can update all the editors on a page. I can send you the whole site I used if you wish to view my tests.
  
  Sincerely yours,
  Lini
  the Telerik team

  
  Instantly find answers to your questions at the new Telerik Support Center

• jo

  Posted on Jan 23, 2008 (permalink)

  Yes, can you send us the whole site you used to view your tests.
  

• Lini Lini

  Posted on Jan 23, 2008 (permalink)

  Hi,
  
  I am sending you the VS 2005 project as a zip file, attached to this message.
  
  Sincerely yours,
  Lini
  the Telerik team

  
  Instantly find answers to your questions at the new Telerik Support Center

  Attached files

  • tinySpell.zip

• jo

  Posted on Jan 23, 2008 (permalink)

  We got your code and have implemented it. 
  It works great and we will be purchasing your product.
  
  Thank you so much, you are a life saver

• Sandeep S

  Posted on Jan 20, 2010 (permalink)

  Hi,
  
  Can I have 'SpellCheck' as a button on the toolbar instead of having it as a button outside the tinymce editor? OR can I have the same functionality for the save button of tinyMce?
  

• Rumen Rumen

  Posted on Jan 20, 2010 (permalink)

  Hi Sandeep,
  
  This question is not related to RadSpell - we offer support only for RadControls related questions. You should check the documentation of TinyMCE and see how to add a custom button on the toolbar or ask for help their support.
  
  Greetings,
  Rumen
  the Telerik team

  
  Instantly find answers to your questions on the new Telerik Support Portal.
  Watch a video on how to optimize your support resource searches and check out more tips on the blogs.

• Sandeep S

  Posted on Jan 20, 2010 (permalink)

  Hi,
  
  Can i give remove word from Custom dictionary option?

   

  Thanks,

  Sandeep

• Rumen Rumen

  Posted on Jan 20, 2010 (permalink)

  Hi Sandeep,
  
  You can disable the Add to Dictionary feature of RadSpell by setting the AllowAddCustom property to false, e.g.
  
  <telerik:radspell ID="RadSpell1" AllowAddCustom="false" ... />
  
  If you would like to remove words from a custom dictionary open the txt file and manually locate and delete the word.
  
  If you would like to remove words from the TDF dictionaries you can use the Dictionary Configurator tool.
  
  Best regards,
  Rumen
  the Telerik team

  
  Instantly find answers to your questions on the new Telerik Support Portal.
  Watch a video on how to optimize your support resource searches and check out more tips on the blogs.

• Sandeep S

  Posted on Jan 21, 2010 (permalink)

  Hi,
  
  I successfully implemeted 'Remove word' option from custom dictionary by providing a custom button in tinymce,

   

  Thanks

• Sandeep S

  Posted on Jan 21, 2010 (permalink)

  Is there a way by which I can change the 'Spell Check' button text to something else?  I tried modifying in RadSpell.xml but it didn't work.
  
  Regards,
  Sandeep

• Rumen Rumen

  Posted on Jan 21, 2010 (permalink)

  Hi Sandeep,
  
  You can use this server code to change the localization string of the spellchecker button:
  
  C#
  protected void Page_Load(object sender, EventArgs e)
  {
      RadSpell1.Localization["SpellCheckButton"] = "My Spell";
  }
  
  VB.NET
  Protected Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs) Handles Me.Load
          rs1.Localization("SpellCheckButton") = "My Spell"
  End Sub
  
  
  Best regards,
  Rumen
  the Telerik team

  
  Instantly find answers to your questions on the new Telerik Support Portal.
  Watch a video on how to optimize your support resource searches and check out more tips on the blogs.

• Sandeep S

  Posted on Jan 21, 2010 (permalink)

  Got radspell check working on tinymce save button.with the below code.

   

  tinyMCE.init({
  theme : "advanced",
  mode : "textareas",
  plugins : "save",
  theme_advanced_buttons3_add : "save",
  save_onsavecallback : "SpellCheck"
  });

   

   

  function SpellCheck(){

   

  RadSpell.StartSpellCheck();

  }

   

  <

   

  rad:RadSpell id="RadSpell" ButtonType="None" runat="server" ControlToCheck="content" CustomDictionarySuffix="-Custom" IsClientID="true" OnClientCheckStarted ="saveEditors" OnClientDialogClosing="updateEditors"/></td>
  
  Everything works perfectly in IE & mozilla on windows. But on Mac safari ,error is shown for each and every word on the page. Is it because the files provided in tinySpell.zip are old (which don't support mac safari)?

   

   

   

   

   

• Rumen Rumen

  Posted on Jan 21, 2010 (permalink)

  Hi Sandeep,
  
  Yes, RadSpell Classic used in the provided demo is released at least 2 years ago much before the current version of Safari / Chrome and it does not support it.
  
  All the best,
  Rumen
  the Telerik team

  
  Instantly find answers to your questions on the new Telerik Support Portal.
  Watch a video on how to optimize your support resource searches and check out more tips on the blogs.

• Sandeep S

  Posted on Jan 22, 2010 (permalink)

  Hi,
  
  Got the problem solved by replacing Radspell dll & few other files from 'SpellDictionaryConfigurator.zip'.
  
  Thanks for the help,
  Sandeep

Back to Top

Home / Community & Support / Developer Productivity Tools Forums / ASP.NET > Spell > RadSpell with TinyMCE textbox