This is an amazing jquery plugin, but I really have no idea how to specify the word file name.

when export html to word how can put header and footer in word

hello
as works of css to make a page break? thank

I am getting the following error, if the HTML content contains any image:

Uncaught typeerror: Cannot set property 'width' of null when the content contains images

But if I don't have any images, then I don't see this issue.

There is no way to add header and footer of the document

How to add water mark text for downloaded document

In your demo, you have used bootstrap 3 which also working when i export to word. But when i am using your library in my cakephp project, the css not applying to the exported file! why is that!

Is it possible to convert an HTML string?

My code creates an HTML doc (with full doctype/html/head/body content). I need to use your plugin to convert that to a Word Doc. (Yes, I can import an HTML into Word 2010, but it has problems with the 'figure' and 'caption' tags; not converting the caption into a image caption.)

So I need to use the PHP variable (that contains the HTML doc code) in the plugin.

How can I do that?

when the picture show right in the web,but export to the word is error.How can to solve the problem,thank?

Can I use this to generate a locked word document which will need password to edit?

Is there any server requirements that go with this export plugin? I have done everything to the letter that has been asked but I still keep getting no results, I even downloaded the demo and placed it on my server and still nothing. No file generates no download option is given when you click on the file.

Hi, it can export word file with the content that request from the server?
Like i request bunch of data, but doesnt plot graph in web, only data. So how i can achieve this result, if i want something like jspdf autotable?

Hi,

I'm using this plugin to downloaded images into the word doc and when I use it and try and open the file, I get a "File is not a valid web archive" error message and word won't open the file.

When I download the same HTML as just HTML with a doc extension, it opens fine.

Internal hyperlinks are not working.

when HTML is converted to MS word doc, hyperlinks on same page are not working,

hello,I in a jam that the numerator/denominator and square root.It use the table show in html like that ：

but when it export to word ，table tag has incorrect style,messy .Do you have some good idea?Thank you!

Hi
Its great plugin !! but it is not able to export highcharts into word. only it takes text contents to word.
Please check my code for the same and suggest if anything to be corrected in this.

<!-- Place favicon.ico and apple-touch-icon.png in the root directory -->

<script src="js/jquery.js"></script>
<script src="js/highchart.js"></script>
<script src="js/exporting.js"></script>
<script src="js/jspdf.js"></script>
<script src="js/rgbcolor.js"></script>
<script src="js/canvg.js"></script>
<script src="js/svgToPdf.js"></script>
<script src="Js/FileSaver.js"></script>
<script src="Js/jquery.wordexport.js"></script>


<script type="text/javascript">
</script>

master/index2.html';

document.location.href = "http://localhost/GenPdf/default.aspx?url=" + name ;

};

    //charts
    $('#chart1').highcharts({
        navigation: {
            buttonOptions: {
                enabled: false
            }
        },
        title: {
            text: 'Monthly Average Temperature',
            x: -20 //center
        },
        subtitle: {
            text: 'Source: WorldClimate.com',
            x: -20
        },
        xAxis: {
            categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun',
                'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'
            ]
        },
        yAxis: {
            title: {
                text: 'Temperature (°C)'
            },
            plotLines: [{
                value: 0,
                width: 1,
                color: '#808080'
            }]
        },
        tooltip: {
            valueSuffix: '°C'
        },
        legend: {
            layout: 'vertical',
            align: 'right',
            verticalAlign: 'middle',
            borderWidth: 0
        },
        series: [{
            name: 'Tokyo',
            data: [7.0, 6.9, 9.5, 14.5, 18.2, 21.5, 25.2, 26.5, 23.3, 18.3, 13.9, 9.6]
        }, {
            name: 'New York',
            data: [-0.2, 0.8, 5.7, 11.3, 17.0, 22.0, 24.8, 24.1, 20.1, 14.1, 8.6, 2.5]
        }, {
            name: 'Berlin',
            data: [-0.9, 0.6, 3.5, 8.4, 13.5, 17.0, 18.6, 17.9, 14.3, 9.0, 3.9, 1.0]
        }, {
            name: 'London',
            data: [3.9, 4.2, 5.7, 8.5, 11.9, 15.2, 17.0, 16.6, 14.2, 10.3, 6.6, 4.8]
        }]
    });


    $('#chart2').highcharts({
        navigation: {
            buttonOptions: {
                enabled: false
            }
        },
        title: {
            text: 'Weekly Average Temperature',
            x: -20 //center
        },
        subtitle: {
            text: 'Source: WorldClimate.com',
            x: -20
        },
        xAxis: {
            categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun',
                'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'
            ]
        },
        yAxis: {
            title: {
                text: 'Temperature (°C)'
            },
            plotLines: [{
                value: 0,
                width: 1,
                color: '#808080'
            }]
        },
        tooltip: {
            valueSuffix: '°C'
        },
        legend: {
            layout: 'vertical',
            align: 'right',
            verticalAlign: 'middle',
            borderWidth: 0
        },
        series: [{
            name: 'Tokyo',
            data: [7.0, 6.9, 9.5, 14.5, 18.2, 21.5, 25.2, 26.5, 23.3, 18.3, 13.9, 9.6]
        }, {
            name: 'New York',
            data: [-0.2, 0.8, 5.7, 11.3, 17.0, 22.0, 24.8, 24.1, 20.1, 14.1, 8.6, 2.5]
        }, {
            name: 'Berlin',
            data: [-0.9, 0.6, 3.5, 8.4, 13.5, 17.0, 18.6, 17.9, 14.3, 9.0, 3.9, 1.0]
        }, {
            name: 'London',
            data: [3.9, 4.2, 5.7, 8.5, 11.9, 15.2, 17.0, 16.6, 14.2, 10.3, 6.6, 4.8]
        }]
    });

</script>

=== when we run this following message come for Highchart portions.
Created with Highcharts 4.0.4Temperature (�C)Monthly Average TemperatureSource: WorldClimate.comTokyoNew YorkBerlinLondonJanFebMarAprMayJunJulAugSepOctNovDec0102030-10Highcharts.com

Please suggest.

I'm using this plugin to convert web page into word document and it is working great for static html and images.

But when come to advance elements like SVG (C3 Charts), it fails in converting that SVG into word document. So please find my work around for the same

• Finding SVG elements
• Create canvas element
• Draw canvas images
• Converting SVG into PNG data URI.

These are the steps successfully implemented with the help of saveSvgAsPng.js plugin.

But i'm facing issue in appending that png datauri into MHTML blob. Please advice me what i'm doing wrong and suggest me the solution to achieve this.

Jsfiddle link for your reference

@markswindoll, When trying to open the generated doc file getting an error " is not a valid web archive". This is only happening in Mac m/c. I have tested in Windows m/c it is working fine.

open very slow

Hello Mark,

When I export a circular image, the exported image is a rectangular image. How can I solve this?
Also, how can I include external CSS stylesheets? Currently I am doing all my CSS inline, which is a pain in the ass.

Thanks in advance.

I use IE 10, the image cann't show, base64 code isn't generation.

--NEXT.ITEM-BOUNDARY
Content-Location: http://****/images/ECharts.png
Content-Type: data:
Content-Transfer-Encoding: data:

--NEXT.ITEM-BOUNDARY--

I use it export divs which in html templet,but some style or feature lost。It doesn't look like in explore.

I am trying to export HTML to Word document using JQuery Word export plugin and its working fine. But only the inline CSS is applying, whatever css given in inline style sheet and external style sheet is not applying.I have created a Plunker(https://plnkr.co/edit/KJyEkr5cSmlL4b3B6vSl?p=preview) to elaborate my issue

I have tried this plugin, works fine on Chrome and Firefox but not on safar