manipulate selected text on wpf webbrowser

Question

I'm creating a epub books reader. After displaying the book i want to allow users to add some annotation to the book.

To display the book, I'm using a wpf webbrowser control that loads local html files

I want to manipulate selected text on this control by creating a context menu or showing a popup

i've tried to change the control's contextmenu but by searching i found that isn't possible

this is an example of what i want to do with selected text:

IHTMLDocument2 htmlDocument = (IHTMLDocument2)webBrowser1.Document;

            IHTMLSelectionObject currentSelection = htmlDocument.selection;

            if (currentSelection != null)
            {
                IHTMLTxtRange range = currentSelection.createRange() as IHTMLTxtRange;

                if (range != null)
                {
                    MessageBox.Show(range.text);
                }
            }

Is this a question? what exactly do you want to achieve? what have you tried? can we see some code? — Timothy Groote, Apr 04 '13 at 09:58
for those who voted down, may you post why ?!! or an indication if it's a duplication — sansa, Apr 04 '13 at 10:06
I told you why I downvoted. If this was a duplicate question, i would have flagged it as such. It's still not very clear what *exactly* you're trying to do though. But i'll wager a guess ; you want to have a custom context menu for an entire XBAP control? — Timothy Groote, Apr 04 '13 at 10:16
@TimothyGroote i'm searching a way to let the user manipulating his selected text to highlight or other stuffs, i'm beginner in coding and i posted serarching for indications — sansa, Apr 04 '13 at 10:26
so you want live editing in the WPF webbrowser control then... — Timothy Groote, Apr 04 '13 at 10:28
@TimothyGroote i'm creating a epub books reader and now i after displaying the book i'm moved to adding some annotation to the book, so i hane to manipulate the content of the webbrowser — sansa, Apr 04 '13 at 10:32
Thanks for the clarity, i edited your question to suit the extra info and removed the downvote. — Timothy Groote, Apr 04 '13 at 11:03
@TimothyGroote thanks for your understanding and your time :) — sansa, Apr 04 '13 at 11:12

Timothy Groote · Accepted Answer · 2013-04-04T11:43:32.837

WPF's native browser control will not let you set a custom context menu.

It gets even worse ; while your mouse is over the browser component, or if it has focus, it will not catch events generated by your input either.

A way around this, is to use the windows forms browser control inside a WindowsFormsHost.

To start, add Windows.Forms to your project references.

Then, do something like the following:

XAML:

<Window x:Class="blarb.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        Title="MainWindow" Height="350" Width="525">
    <Grid>
        <WindowsFormsHost Name="windowsFormsHost" VerticalAlignment="Stretch" HorizontalAlignment="Stretch"/>
    </Grid>
</Window>

C# code:

public partial class MainWindow : Window
{
    private System.Windows.Forms.WebBrowser Browser;

    public MainWindow()
    {
        InitializeComponent();

        //initialise the windows.forms browser component
        Browser = new System.Windows.Forms.WebBrowser
        {
            //disable the default context menu
            IsWebBrowserContextMenuEnabled = false
        };

        //make a custom context menu with items
        System.Windows.Forms.ContextMenu BrowserContextMenu = new System.Windows.Forms.ContextMenu();
        System.Windows.Forms.MenuItem MenuItem = new System.Windows.Forms.MenuItem {Text = "Take Action"};
        MenuItem.Click += MenuItemOnClick;
        BrowserContextMenu.MenuItems.Add(MenuItem);
        Browser.ContextMenu = BrowserContextMenu;

        //put the browser control in the windows forms host
        windowsFormsHost.Child = Browser;

        //navigate the browser like this:
        Browser.Navigate("http://www.google.com");

    }

    private void MenuItemOnClick(object sender, EventArgs eventArgs)
    {
        //will be called when you click the context menu item
    }
}

This does not yet explain how to do your highlighting though.

You could listen for the event fired by the browser component when it is done loading, and then replace portions of the document it loaded, injecting html code to do the highlighting.

Keep in mind that that might be tricky in some situations (when selecting text across divs, spans or paragraphs for example)

score 0 · Answer 2 · answered Mar 28 '16 at 18:31

using mshtml;

private mshtml.HTMLDocumentEvents2_Event documentEvents;

in constructor or xaml set your LoadComplete event:

webBrowser.LoadCompleted += webBrowser_LoadCompleted;

then in that method create your new webbrowser document object and view the available properties and create new events as follows:

private void webBrowser_LoadCompleted(object sender, NavigationEventArgs e)
{
    documentEvents = (HTMLDocumentEvents2_Event)webBrowserChat.Document; // this will access the events properties as needed
    documentEvents.oncontextmenu += webBrowserChat_ContextMenuOpening;
}

private bool webBrowserChat_ContextMenuOpening(IHTMLEventObj pEvtObj)
{
    return false; // ContextMenu wont open
    // return true;  ContextMenu will open
    // Here you can create your custom contextmenu or whatever you want
}

manipulate selected text on wpf webbrowser

2 Answers2