Checking if the Cursor is Currently Positioned on a Chart Element in Word Addin/OfficeJS

Question

Checking if the Cursor is Currently Positioned on a Chart Element in Word Addin/OfficeJS

I am looking for a way to determine if the document cursor is currently positioned inside of a Chart element using the Microsoft Word API. My current application can successfully insert text, but when I attempt to insert text into the Chart title, it ends up deleting the entire chart and replacing it with the Content Control that I'm trying to insert.

Instead of accidentally deleting the chart, I would like to find a method to check if the cursor is located within the Chart through context. If the cursor happens to be inside the Chart in any capacity, I want to trigger a warning message to alert the user and then exit. Is there a solution available for accomplishing this task?

javascript typescript ms-word office-js

Answer 1

Answer №1

To achieve this, follow @CindyMeister's advice and examine the ooxml by using range.getOoxml(). This method will only provide a result if the cursor is positioned on an XML object that has been inserted into the document.

sample.js

Word.run(async (context: RequestContext) => {
  const range: Range = context.document.getSelection();
  const ooxml: ClientResult<string> = range.getOoxml();
  context.load(range);
  await context.sync();

  const ooxmlVal = ooxml.value;
  if (ooxmlVal) {

    const lowered = ooxmlVal.toLowerCase();
    const isChart = lowered.includes("excel") && lowered.includes("chart");
    if (isChart) {
      console.log("CURSOR IS ON CHART");
    }
  }
});

Answer 2

To achieve this, follow @CindyMeister's advice and examine the ooxml by using range.getOoxml(). This method will only provide a result if the cursor is positioned on an XML object that has been inserted into the document.

sample.js

Word.run(async (context: RequestContext) => {
  const range: Range = context.document.getSelection();
  const ooxml: ClientResult<string> = range.getOoxml();
  context.load(range);
  await context.sync();

  const ooxmlVal = ooxml.value;
  if (ooxmlVal) {

    const lowered = ooxmlVal.toLowerCase();
    const isChart = lowered.includes("excel") && lowered.includes("chart");
    if (isChart) {
      console.log("CURSOR IS ON CHART");
    }
  }
});

Checking if the Cursor is Currently Positioned on a Chart Element in Word Addin/OfficeJS

Answer №1

Similar questions

How to Use Attributes as Component Parameters in Vue.js

The AngularJS $http.post method mimicking a successful $.ajax request is causing a 401 UNAUTHORISED error

Using Regex in Javascript to locate unfinished items that start and finish with brackets

Loop through the input fields using ng-repeat while maintaining consistent values for each iteration

Issue with BlobUrl not functioning properly when included as the source in an audio tag

How can I add data to a relational table that includes a foreign key reference?

The $timeout function in AngularJS seems to be malfunctioning

When triggered, the onClick event will launch multiple Material-UI dialogs simultaneously

Objects cannot be rendered inside JSX. An error is thrown stating that Objects are not allowed as a React child, with the specific object being [object Promise]

Can you explain the significance of this particular line in the source code of VSCode?

A guide on generating indices for icosahedronbuffergeometry using three.js

Deleting a property once the page has finished loading

Prevent Fixed Gridview Header from being affected by browser Scroll-bar using JQuery

Angular 2 - The constructor of a class cannot be called without using 'new' keyword

Decapitalizing URL string in jQuery GET request

What is the reason for sending back an array with no elements in AJAX

The pairing of Transpiller and Internet Explorer 8 is like a dynamic

What steps should I take to verify the validity of an Angular form?

Maintaining aspect ratio of canvas while ensuring responsiveness

Incorporating an SVG with CSS styling from a stylesheet