How to make use of it:

1. As you can see, you are required to include jquery in your page before googose:

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>              
<script type="text/javascript" src="https://cdn.jsdelivr.net/gh/aadel112/googoose@master/jquery.googoose.js"></script>

2 The simplest usage will call googose when the page is loaded.

<script type="text/javascript">
$(document).ready(function() {
    var o = {
        filename: 'test.doc'
    };
    $(document).googoose(o);
});
</script>

3. Content rendered to a word document should be wrapped in a div with classname googoose-wrapper , by default.

<div class="googoose-wrapper"></div>

Options

Must Read: Show Password As Text Toggle for Bootstrap Forms Plugin

• area: ‘div.googoose-wrapper’ – This is the default selector of HTML to wrap the Word doc in.
• headerfooterid: ‘googoose-hdrftrtbl’ – This is used by the internals of googoose to manufacture headers and footers.
• margins: ‘1.0in’ – the default CSS origins of the Word document.
• zoom: ’75’ – the default Zoom percentage when the Word document opens.
• filename: null – the file name to save as. used only by the default finish action.
• size: ‘8.5in 11.0in’ – the default size of the Word document.
• display: ‘Print’ – the default display mode to open the Word document in.
• lang: ‘en-US’ – the language on the page. defaults to English US.
• toc: ‘div.good goose.toc’ – if used by the developer this jQuery selector will translate into a Word table of contents.
• pagebreak: ‘div.googoose.break’ – if used by the developer at this jQuery selector will translate into a Microsoft Word page break.
• headerarea: ‘div.googoose.header’ – the content in this jQuery selector will be put in the Microsoft Word document header.
• footerarea: ‘div.googoose.footer’ – the content in this jQuery selector will be put in the document footer.
• headerid: ‘googoose-header’ – used solely by the googoose internals
• footerid: ‘googoose-footer’ – used solely by the googoose internals
• headermargin: ‘.5in’ – CSS margin for the header.
• footermargin: ‘.5in’ – the CSS margin for the footer.
• currentpage: ‘span.googoose.currentpage’ – generally used in headers and Footers this whole displays the current page number.
• totalpage: ‘span.googoose.totalpage’ – generally displayed in headers and Footers this jQuery selector when put into the HTML content will display the number of total pages.
• finishaction: GG.finish – this is the default action that is called after the HTML has been rendered.
• html: null – gets populated before finishaction
• initobj: document – the root node

See Demo And Download