How can I get text under the control of a WebBrowser mouse pointer?

Question

I am currently working on a WYSIWYG editor using the .net WebBrowser control, and I need to implement spell checking.

My question is, how can I get the text under the mouse pointer when I click on a misspelled word to show all spell suggestions?

Tried to wrap every word with an error in the html label with javascript event, but it seems that the problem is in calling C # code from javascript.

Answer 1

Good - here are my 2 cents.

Firstly, I suppose you have an editable element, more than likely a div, and you use it as your WYSIWYG editor. I also assume that you have an Ajax function somewhere that you have configured for a specific keystroke to check the spelling of all (maybe even some) of the contents of the DIV, and it might send you a list of misspelled words.

My idea is 1. Create a range of contents for your editable div, then search for a word using the TextRange object - here: http://msdn.microsoft.com/en-us/library/ms535872%28VS.85%29.aspx . Use the findText method, which searches for text in the document (range) and positions the start and end points of the range to span the search string.

After that, you should copy the text value into a variable, and then build a <Span>, perhaps even set the bottom span style to have a red underline, or even use the image to look like this regular short-wave wave with errors. Set the inner contents of this Span to the value of the original error word. Also, be sure to assign an onclick (or right-click) to this SPAN so that you can perform another search for spelling suggestions later. Great, now you have a standalone SPAN, but it is not yet inserted into the document.

Next step: use the pasteHTML TextRange method to insert the new SPAN into the document, remember that the range should already be determined from the search operation, so you won’t need to search for the text again (or selecting it)).

Once the span is in the document using pasteHTML, it should be straightforward, just create another div, absolutely position it just under the SPAN, so when the user right-clicks, a context menu appears - filled with Ajax.

After that, it should be a very simple case of creating another range and replacing SPAN with plain text this time.

ALL is a theory, but hope this helps!

You can also check - http://www.aspfree.com/c/a/Code-Examples/Searching-Body-Text-with-textRange-Enter-the-Gecko/ - this will help you make the whole decision in FireFox (not only IE)

Answer 2

I will add two more cents, as I am working on something similar now.

OK, so I assume you are a WebBrowser object? If so, my suggestion would be to use the context menu bar every time you each time you right-click. From there, you can launch the Open Event context menu, which will capture a specific HTML element for you.

In short, you can use a similar piece of code

Point mouseLocation; private void ToolStripMenuItem_Click(object sender, EventArgs e) { HtmlElement elem = webBrowser.Document.GetElementFromPoint(mouseLocation); //From here you would do what ever it is you need for your element in the browser } private void webContextMenuStrip_Opening(object sender, CancelEventArgs e) { //This just gets you the specific mouse position for the given element mouseLocation = webBrowser.PointToClient(MousePosition); } 

Hope this will make you start and good luck at first!