View Microsoft Office files in the browser - javascript

I have been wondering for a while if there is a way to view (lets's say a *.pptx) file in a browser. Imagine Dropbox's feature. I'm making a Content Sharing System and it would be wonderful if a user could see his *.docx or *.pptx or whatever microsoft office file. I found this but it is paid.

Try out OneDrive.com or OneDrive for Business within Office 365. There you can view and edit files online. You can also use SharePoint to display files online.
If you want to embed the doc in your own website, try this Project on github, https://github.com/officedev/pnp-wopi.
HTH-Oliver

Related

How to link onedrive with a web application?

you know I need to link a company`s `onedrive` to a `web application` that they have, if I create a folder through their system, it should be reflected in the company`s onedrive. This should be able to create folders, files, etc. I have seen very few videos of this on the internet and I do not understand them much, could someone guide me on how it could be done, their application is developed in `angular` and `sails`.

Edit and read OneDrive file with microsoft graph

I‘m want to look and edit a onedrive file where I have the share link to. I found microsoft graph, but there I only can access to my files. Is it possible to look/edit this files where I have the link without a login? I do everything with javascript
Add permission using azure ad
edit
user.read
app->>api permission->>add a permission->>microsoftgraph->>select the permission->>add

Displaying documents with ability to edit online

I'm using Node-ViewerJs to display documents of different formats in my nodejs based web app. But besides pdf, ViewerJs only supports Open Document Format.
Is there any other good solution for displaying documents of different formats (i.e. doc, docx, xls, xlsx) preferably with ability to do online editing to the document by web viewers?
PS: I'm looking for some completely self-hosted or offline (in other words) solution rather than cloud based solutions.
Try uploading your documents to google drive you can also do it via it's api's.
Then generate an embedded link of it, by following steps: (After importing in google docs)
File > Publish to the Web..;
Check the box that says “Automatically republish when changes are made”;
Click "Start Publishing";
Change “Get a link to the published data” from “Web page” to “HTML to embed in a page”;
Copy and paste the HTML code generated into your HTML webpage. it's basically an iframe so it will embed the google docs view in your webpage.

Save email to outlook folder using ActiveXObject or Office Javascript API?

In outlook, there is a feature “Home page address” of folder through which we can view web site within the outlook. If we set http://app.abctest.com in the Home page address of a folder, then when we click this folder in the outlook, it will display that page.
I have a very specific requirement for enabling end user to browse a web site (in my case, it basically lists some archived emails) within from the Outlook. This can be easily done by setting the “Home page address” in the properties windows of any Folder of Outlook.
The user will see the page within outlook. He can search the old archived emails in the page. Then, the users should be able to download that email and save it to a folder in outlook. End users are basically searching the emails within outlook and downloading them from the server directly to their outlook folder. When user click the download\save link or button, then the outlook’s “Select Folder” dialog should appear where user can select the destination folder. When user click “OK” button, that email should be save to the selected folder in the outlook.
Currently, I have very few solutions but not sure if they can achieve the goal.
Solution 1: ActiveXObject
I tried to use Outlook ActiveXObject in javascript (used the following code in my test page) but I got the following Script error Popup message.
“Automation server cannot create the object”.
Javascript code:
var objO = new ActiveXObject('Outlook.Application');
Solution 2: Javascript API for Office
I have started to read the MSDN documentation https://msdn.microsoft.com/en-us/library/office/fp142185.aspx but have not got any sample code.
Could someone please sheds some light on it? Or what would be the best solution for this? Or any alternative solution.
Prakash,
Only one instance of Outlook can be run at the same time. Try to use the GetObject function instead to get the running Outlook instance instead. See How to programmatically create an Outlook home folder page in the Outlook Today style for more information. However, home page scripting is limited and secured to prevent malicious software. I'd suggest developing an add-in which can add a custom form instead.
The second solution listed above is for Mail Apps. See How to: Create your first mail app for Outlook by using Visual Studio for more information.
When your script runs inside a folder home page, window.external.OutlookApplication will point to an instance off the Outlook.Application object - your should be able to use it without creating a new object.

Working on MS Office 2013 Documents from Web Applications?

Can anyone please tell me if we can work on Office from a Web Application using this. Is MS offering a new method of integrating MS to Web App for Web Developers mainly?
Is so is it directly from a Browser?
You can create Active X objects in windows using javascript and manipulate Office documents. The page is the documentation of various API's.
You need to include Office.js in your HTML to make it work
<script src="https://appsforoffice.microsoft.com/lib/1.0/hosted/office.js"/>
For other application-specific implementation, you have to download or refer their own specific .js files from CDN.
For more information about using it you can view the msdn:
http://msdn.microsoft.com/en-us/library/fp160953.aspx

Categories

Resources