Html open with word

I would like to open an HTML file in MS Word 2007 directly so I can use some of its search and replace features. I don’t care about the file’s encoding and will not actually use the final thing as HTML (I’m going to be extracting interesting parts). I want to see raw HTML. When I open the document, instead Word renders everything.

I am hoping someone knows how to do this from within Word without having to resort to copying and pasting or modifying the file to change the html tags to no longer look like html (such as {html> or something). I have been hit by this multiple times over the years and wish that I could fix the problem instead of always be forced to find a workaround.

Is there some option or setting, or something in the Open dialog that can change Word’s behavior?

asked Dec 29, 2012 at 1:03

ErikE's user avatar

ErikEErikE

2641 gold badge6 silver badges17 bronze badges

2

You can turn off automatic file-type conversions in Word, and instead it will ask you what type of file you’re trying to open, at which point you can pick Text.

To turn it off (or rather turn on Confirmation of conversion):

  1. Open the Word Options. (Word 2007: click the Office button and then click Word Options. Word 2010: display the File tab of the ribbon and then click Options)
  2. At the left side of the dialog box click Advanced.
  3. Scroll through the options until you see the General section.
  4. Make sure the Confirm File Format Conversion On Open check box is selected.
  5. Click on OK.

If you never want to open rendered HTML in Word again, you can also uninstall the HTML Filter by running Office Setup and de-selecting it form the installed options.

Alternatively and probably easiest: Use something else for the task, like a good Plain Text editor. I personally use and suggest Notepad++.

answered Dec 29, 2012 at 1:18

Ƭᴇcʜιᴇ007's user avatar

Ƭᴇcʜιᴇ007Ƭᴇcʜιᴇ007

111k19 gold badges199 silver badges264 bronze badges

0

Go to your html file and right click on it open with it in word do the editing and click on save…(note file format conversion should be disabled)

answered Oct 31, 2015 at 4:09

Shafiq Ahmad's user avatar

2

Two options: First is to just link to it, e.g. <a href="MyWordDocument.doc">My Word Document</a>, the second is to use an iframe and point it to the document. For this to work, however, most browsers require that the server sends a Content-disposition: inline header with the document. If you cannot configure your web server to do this, you can wrap the document in a bit of php:

<?php
header('Content-disposition: inline');
header('Content-type: application/msword'); // not sure if this is the correct MIME type
readfile('MyWordDocument.doc');
exit;

And then link to that script instead of your word document.

This isn’t guaranteed to work though; the content-disposition header is just a hint, and any browser may choose to treat it as an attachment anyway.

Also, note that .doc isn’t exactly portable; basically, you need Word to display it properly (Open Office and a few other Open Source applications do kind of a decent job, but they’re not quite there yet), and the browser must support opening Word as a plugin.

If the .doc file format requirement isn’t set in stone, PDF would be a better choice (the conversion is usually as simple as printing it on a PDF printer, say, CutePDF, from inside Word), or maybe you can even convert the document to HTML (mileage may vary though).

IN THIS TASK

  • SUMMARY

    • Create Your HTML Document

    • Add Text and Hyperlinks to Your HTML Document

    • Add an Image to Your HTML Document

    • Open an HTML Document in Word

  • REFERENCES

This article provides a step-by-step guide to how to create an HTML document, including items such as typing text and adding images and hyperlinks to your HTML document.

Create Your HTML Document

Use one of the following two methods to create your new HTML document.

Method 1

  1. Start Microsoft Word.

  2. In the New Document task pane, click Blank Web Page under New.

  3. On the File menu, click Save.

    NOTE: The Save as type box defaults to Web Page (*.htm; *.html).

  4. In the File name box, type the file name that you want for your document, and then click Save.

Method 2

  1. Start Microsoft Word.

  2. Create a new blank document.

  3. On the File menu, click Save as Web Page.

  4. In the File name box, type the file name that you want for your document, and then click Save.

Add Text and Hyperlinks to Your HTML Document

  1. Open the HTML document that you created earlier in this article. To do this, follow these steps:

    1. On the File menu, click Open.

    2. Browse to the location that you saved your article to, in the «Create Your HTML Document» section of this article.

    3. Select the file and then click Open.

  2. Type the following text into the document:

    You can use Microsoft Word to create HTML documents as easily as you can create normal Word documents.

  3. To create a hyperlink, select the words «Microsoft Word» in the text that you typed.

  4. On the Insert menu, click Hyperlink.

  5. In the Insert Hyperlink dialog box, type http://www.microsoft.com/word in the Address box, and then click OK.

  6. Save your changes to the document.

Add an Image to Your HTML Document

  1. Place your insertion point where you want to place an image in your document.

  2. On the Insert menu, point to Picture, and then click ClipArt.

  3. In the Insert ClipArt task pane, click Search.

    NOTE: If you click Search without typing anything into the Search Text box, the search result will display all of the currently available images on your system.

  4. In the Results section, select the image that you want to insert into the page.

  5. Save your changes and then close the document.

Open an HTML Document in Word

Do one of the following.

If the New Document task pane is still displayed:

In the New Document task pane, select the document under Open a document. This opens the document directly.

-or-

If the New Document task pane is not displayed:

  1. On the File menu, click Open.

  2. In the Open dialog box, locate the HTML document that you created earlier, and then select it.

  3. Click Open.

REFERENCES

For more information about HTML support in Word 2002, follow these steps:

  1. Open Microsoft Word 2002.

  2. On the Help menu, click Microsoft Word Help.

  3. Click the Answer Wizard tab.

  4. Type HTML in the What would you like to do? box, and then click Search.

  5. Related topics will be displayed. Click any item to display the information.

Summary

Need more help?

Want more options?

Explore subscription benefits, browse training courses, learn how to secure your device, and more.

Communities help you ask and answer questions, give feedback, and hear from experts with rich knowledge.

In this article I will explain with an example, how to open Word (Docx) file in Browser instead of downloading using JavaScript.

docx-preview.js plugin

The Word (Docx) file will be displayed (rendered) in Browser using docx-preview.js JavaScript plugin.

Note: This library only works for Word 2007 and higher formats (docx) and not the Word 97 – 2003 formats (doc).

The following files JavaScript plugin will be used.

1. docx-preview.js

2. jszip.min.js

HTML Markup

The following HTML Markup consists of an HTML Button and an HTML DIV. The Button has been assigned with a JavaScript OnClick event handler.

When the Preview Button is clicked, the Word file is downloaded and displayed in the HTML DIV.

<input type=»button» id=»btnPreview» value=»Preview Word Document» onclickPreviewWordDoc()» />

<div id=»word-container» class=»»></div>

JavaScript Implementation

First, the JavaScript files are inherited for the docx-preview.js JavaScript plugin.

When the Preview Button is clicked, the PreviewWordDoc function is called.

Inside the PreviewWordDoc function, the Word file is downloaded from the URL using Javascript XmlHttpRequest (XHR).

Inside the onload event handler, the response (which is a BLOB object) is converted into HTML5 File object.

Finally, the docx-preview.js library options are initialized and the Word document is rendered in the Container DIV using the renderAsync function.

<script type=»text/javascript» src=»https://unpkg.com/jszip/dist/jszip.min.js»></script>

<script src=»Scripts/docx-preview.js»></script>

<script type=»text/javascript»>

    function PreviewWordDoc() {

        //URL of the Word Document.

        var url = «DOCs/Sample.docx»;

        //Send a XmlHttpRequest to the URL.

        var request = new XMLHttpRequest();

        request.open(‘GET’, url, true);

        request.responseType = ‘blob’;

        request.onload = function () {

            //Set the ContentType to docx.

            var contentType = «application/vnd.openxmlformats-officedocument.wordprocessingml.document»;

            //Convert BLOB to File object.

            var doc = new File([request.response], contentType);

            //If Document not NULL, render it.

            if (doc != null) {

                //Set the Document options.

                var docxOptions = Object.assign(docx.defaultOptions, {

                    useMathMLPolyfill: true

                });

                //Reference the Container DIV.

                var container = document.querySelector(«#word-container»);

                //Render the Word Document.

                docx.renderAsync(doc, container, null, docxOptions);

            }

        };

        request.send();

    };

</script>

Screenshot

Open Word (Docx) file in Browser instead of Downloading using JavaScript

Browser Compatibility

The above code has been tested in the following browsers only in versions that support HTML5.

Internet Explorer  FireFox  Chrome  Safari  Opera

* All browser logos displayed above are property of their respective owners.

Demo

Downloads


Download Article


Download Article

This wikiHow teaches you how to embed a Word document in your website. On Google Sites, you can embed an image of the Word document directly into the page, while WordPress and self-hosted sites will require you to upload the Word document and then place a link to it in your webpage’s text.

  1. Image titled Put a Word Document on Your Website Step 1

    1

    Open Google Drive. Go to https://drive.google.com/ in your web browser. This will open your Google account’s Drive contents if you’re logged in.

    • If you aren’t logged in, enter your email address and password first.
    • You may need to click Go to Google Drive before proceeding.
  2. Image titled Put a Word Document on Your Website Step 2

    2

    Click NEW. It’s a blue button in the upper-left corner of the page. A drop-down menu will appear.

    Advertisement

  3. Image titled Put a Word Document on Your Website Step 3

    3

    Click File upload. This is in the drop-down menu. Doing so will open a window.

  4. Image titled Put a Word Document on Your Website Step 4

    4

    Select your Word file. Double-click the Word file that you want to embed on your website. This will prompt it to upload into Google Drive.

    • It shouldn’t take more than a few seconds for most Word documents to upload to Drive.
  5. Image titled Put a Word Document on Your Website Step 5

    5

    Open Google Sites. Go to https://sites.google.com/new in your web browser.

    • If you aren’t logged into your Google account when you do this, you’ll be prompted to enter your email address and password before continuing.
  6. Image titled Put a Word Document on Your Website Step 6

    6

    Select your Google Site. Click on the Google Site on which you want to insert the Word document.

  7. Image titled Put a Word Document on Your Website Step 7

    7

    Go to the page that you want to use. Scroll down until you arrive on the page on which you want to insert the Word document.

  8. Image titled Put a Word Document on Your Website Step 8

    8

    Click the INSERT tab. It’s in the upper-left side of the Google Sites window.

  9. Image titled Put a Word Document on Your Website Step 9

    9

    Click From Drive. This option is below the «Google Drive» heading near the top of the page.

  10. Image titled Put a Word Document on Your Website Step 10

    10

    Select the document. In the right-hand column, click the document that you want to insert.

  11. Image titled Put a Word Document on Your Website Step 11

    11

    Click INSERT. It’s in the lower-right corner of the page. This will place the Word document on your website.

  12. Image titled Put a Word Document on Your Website Step 12

    12

    Resize the document. Click and drag the top or bottom of the document to adjust its vertical size, or click and drag one of its sides to adjust the overall size of the document on your site.

  13. Image titled Put a Word Document on Your Website Step 13

    13

    Click PUBLISH. It’s the purple button in the top-right corner of the page. This will update your website with your uploaded document; you should now be able to see your Word document embedded in your Google Site.

  14. Advertisement

  1. Image titled Put a Word Document on Your Website Step 14

    1

    Open WordPress. Go to https://wordpress.com/ in your web browser. While you can’t embed an image of your document on a WordPress domain, you can embed a link that downloads the WordPress file when clicked.

    • If you aren’t logged into your WordPress account, first click Log In in the top-right corner of the page, then enter your email address and password.
  2. Image titled Put a Word Document on Your Website Step 15

    2

    Click My Site. It’s in the upper-left corner of the WordPress page. Doing so will load your site’s page.

  3. Image titled Put a Word Document on Your Website Step 16

    3

    Click View Site. This option is in the upper-left side of the page.

  4. Image titled Put a Word Document on Your Website Step 17

    4

    Click Visit Site. It’s in the upper-right side of the page. This will take you to your site.

  5. Image titled Put a Word Document on Your Website Step 18

    5

    Go to the page that you want to use. Click the tab for the page on which you want to insert your Word document link; you’ll usually find these tabs at the top of the page.

  6. Image titled Put a Word Document on Your Website Step 19

    6

    Click Edit. You’ll find this option in the bottom-right side of the page.

  7. Image titled Put a Word Document on Your Website Step 20

    7

    Choose a place for your link. Click on the page the place in which you want to insert a link for your Word document.

  8. Image titled Put a Word Document on Your Website Step 21

    8

    Click + Add. This is a button on the left side of the page. A pop-up menu will appear.

  9. Image titled Put a Word Document on Your Website Step 22

    9

    Click Media. It’s an option near the top of the pop-up menu. Doing so opens a page with all of your website’s stored media.

  10. Image titled Put a Word Document on Your Website Step 23

    10

    Click Add New. This is in the upper-left side of the page that opens.

  11. Image titled Put a Word Document on Your Website Step 24

    11

    Select a Word document. Click the Word document that you want to use on your site, then click Open in the bottom-right corner of the window. This will upload the Word document to the storage section of WordPress.

  12. Image titled Put a Word Document on Your Website Step 25

    12

    Select the uploaded document. Click the Word document to do so.

  13. Image titled Put a Word Document on Your Website Step 26

    13

    Click Insert. It’s in the bottom-right side of the window. This will insert a link to your Word document.

  14. Image titled Put a Word Document on Your Website Step 27

    14

    Change the link text. If you want the link text to say something other than the Word document’s name, select the link once, click the pencil-shaped icon next to the link that appears, change the text in the «Link Text» field, and click Save.

  15. Image titled Put a Word Document on Your Website Step 28

    15

    Click Update. It’s a blue button in the top-right corner of the page. This will update your website with your uploaded document, allowing you to click the embedded link to download the Word document.

  16. Advertisement

  1. Image titled Put a Word Document on Your Website Step 29

    1

    Upload the Word document to your website’s root folder. When hosting your own website, you should have a folder that contains the resources (e.g., pictures) that appear on your website. You’ll need to place your Microsoft Word document in this folder.

    • This step will depend heavily upon the software that you use to host your website.
  2. Image titled Put a Word Document on Your Website Step 30

    2

    Copy the Word document’s address. Again, this step will depend on the software that you use to host your website, but you can usually find the address in a URL bar at the top of the page. Click and drag your mouse across the address to select it, then press Ctrl+C (Windows) or Command+C (Mac).

  3. Image titled Put a Word Document on Your Website Step 31

    3

    Open your website’s code document. Open the text or HTML document in which your website’s code is stored.

  4. Image titled Put a Word Document on Your Website Step 32

    4

    Select a place for the link. Find the place in which you want to insert the link for your Word document, then click that place.

  5. Image titled Put a Word Document on Your Website Step 33

    5

    Create the HREF tag. Type in <a href= into your text editor.

  6. Image titled Put a Word Document on Your Website Step 34

    6

    Paste in the Word document’s address. Press Ctrl+V (Windows) or Command+V (Mac).

  7. Image titled Put a Word Document on Your Website Step 35

    7

    Close the HREF tag. Type in > to close the tag. You should now have a line of text that reads<a href=link> here.

  8. Image titled Put a Word Document on Your Website Step 36

    8

    Enter the link text. Type in the text that you want to use as the link on which someone clicks. You’ll do this immediately after the closed HREF tag.

    • For example, if you want people to click on a link that says «click here», you’d have <a href=link>click here written.
  9. Image titled Put a Word Document on Your Website Step 37

    9

    Add the closed link tag. On the right side of the link text that you want to use, type in </a> and press Enter. This completes the link.

    • Your line of text should now look like this: <a href=link>click here</a>
  10. Image titled Put a Word Document on Your Website Step 38

    10

    Refresh your website. Once the website’s code is updated, you should be able to click the link that you just introduced to download the Word document.

  11. Advertisement

Add New Question

  • Question

    Can I have my website open a word document in a separate tab?

    Community Answer

    Try putting target=»_blank» as one of the attributes in your tag if you have one.

  • Question

    How do I attach a medical certificate to a form?

    Community Answer

    It depends. If the form is online and has an «attach» option, you can scan a copy of the medical certificate and attach the file there. If the form is being submitted via email, you can attach a copy of the certificate like you would any other attachment. If the form is being submitted in person or by mail, you can just use a paperclip to attach the certificate to the form.

Ask a Question

200 characters left

Include your email address to get a message when this question is answered.

Submit

Advertisement

Thanks for submitting a tip for review!

About This Article

Thanks to all authors for creating a page that has been read 216,089 times.

Is this article up to date?

Like this post? Please share to your friends:
  • How to write report in word
  • Html break word in table
  • How to write references in word
  • How to write page number in word
  • Html and word 2007