Is it possible to have editable embeded files(excel, word) on a website?

Patrick Rutherford 6 Reputation points
2022-06-21T18:51:36.293+00:00

I need to be able to programmatically take a file from one drive and change it to be embedded into an iFrame. I believe that's doable but I need it to be editable inside of that iFrame but not only from me but for multiple users and they can see any changes made while they're being made.

Example:
Have an embedded file in an iFrame on a webpage. If you and I go to that webpage then we should both be able to make changes to the file in the iFrame. We should also see each-others changes while they're being made.

I'm not sure if this is possible or not, or if something similar exists?

Thank you!

Microsoft Graph
Microsoft Graph
A Microsoft programmability model that exposes REST APIs and client libraries to access data on Microsoft 365 services.
11,228 questions
Windows API - Win32
Windows API - Win32
A core set of Windows application programming interfaces (APIs) for desktop and server applications. Previously known as Win32 API.
2,492 questions
SharePoint Development
SharePoint Development
SharePoint: A group of Microsoft Products and technologies used for sharing and managing content, knowledge, and applications.Development: The process of researching, productizing, and refining new or existing technologies.
2,778 questions

1 answer

Sort by: Most helpful
Most helpful Newest Oldest
  1. Tong Zhang_MSFT 9,141 Reputation points
    2022-06-22T06:30:26.747+00:00

    Hi @Patrick Rutherford ,

    According to my research and testing, you can embed editable files on the site by changing action=embedview to action=edit , please follow these steps to test:

    1.Select the file need to be displayed from the SharePoint library (e.g. Word).
    2.Open the file in browser (Word Online) >> Click on File >> Share >> Embed.
    213596-image.png
    3.Copy the Embed Code:
    213672-image.png
    4.Edit action=embedview to action=edit in Embed Code, for example:
    213589-image.png
    5.Now, navigate to your Modern SharePoint Online page. Add an “Embed Web part” and paste the code to Website address or embed code.
    213629-image.png

    6.Save and Publish the page.

    My test :(Two different users can modify the files in the iFrame and see each other's modifications in this page)
    213682-image.png

    If the answer is helpful, please click "Accept Answer" and kindly upvote it. If you have extra questions about this answer, please click "Comment".
    Note: Please follow the steps in our documentation to enable e-mail notifications if you want to receive the related email notification for this thread.

    2 people found this answer helpful.