How do you get the current page? [Trying to create a simple OneNote Addin that adds text to the current page]

Question

As the title says I am trying to create a OneNote addin that just adds some text to the current page (in your OneNote Desktop App).

I've had a look at the API and I could add in the text to the Pages XML then update the page using UpdatePageContent()... but I can't see anything to give you the page you are currently looking at?

I'm sorry if this is obvious, or if there is a way to just edit the page without he need of the API... I've spent few days researching OneNote Addin examples but only just managed to actually get a button showing in the ribbon!

Any advice or guidance would be greatly appreciated.

Jorge Aguirre Jorge Aguirre · Accepted Answer · 2016-07-29T17:25:51

Here's how you get the active page.

OneNote.run(function (context) {

    // Get the active page.
    var page = context.application.getActivePageOrNull();

    // Queue a command to load the page. 
    // For best performance, request specific properties.           
    page.load('id,title');

    // Run the queued commands, and return a promise to indicate task completion.
    return context.sync()
        .then(function () {

            if (!page.isNull) {
                // Show some properties.
                console.log("Page title: " + page.title);
                console.log("Page ID: " + page.id);
            }
        });
})
.catch(function(error) {
    console.log("Error: " + error);
    if (error instanceof OfficeExtension.Error) {
        console.log("Debug info: " + JSON.stringify(error.debugInfo));
    }
});

https://github.com/OfficeDev/office-js-docs/blob/master/reference/onenote/application.md#getactivepageornull

And here's an example to add content to the active page:

OneNote.run(function (context) {

    // Gets the active page.
    var page = context.application.getActivePage();

    // Queue a command to add an outline with given html. 
    var outline = page.addOutline(200, 200,
"<p>Images and a table below:</p> \
 <img src=\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAHElEQVQI12P4//8/w38GIAXDIBKE0DHxgljNBAAO9TXL0Y4OHwAAAABJRU5ErkJggg==\"> \
 <img src=\"http://imagenes.es.sftcdn.net/es/scrn/6653000/6653659/microsoft-onenote-2013-01-535x535.png\"> \
 <table> \
   <tr> \
     <td>Jill</td> \
     <td>Smith</td> \
     <td>50</td> \
   </tr> \
   <tr> \
     <td>Eve</td> \
     <td>Jackson</td> \
     <td>94</td> \
   </tr> \
 </table>"     
        );

    // Run the queued commands, and return a promise to indicate task completion.
    return context.sync()
        .catch(function(error) {
            console.log("Error: " + error);
            if (error instanceof OfficeExtension.Error) {
                console.log("Debug info: " + JSON.stringify(error.debugInfo));
            }
        });
});

How do you get the current page? [Trying to create a simple OneNote Addin that adds text to the current page]

2 Answers