Convert HTML to Word File

Convert HTML to Word DOC where I have input field

You can move those input out from the elements that will render your DOC document. In order to print the values of those input you can create different element and put it there:

function exportHTML(){    
    // Add inputs values to the document before it rendered:
    var inputs = document.querySelectorAll('input');
    for (var i=0; i < inputs.length; i++) {
        let ps = document.createElement('p');
        document.getElementById("source-html").appendChild(ps)
        ps.textContent = inputs[i].value;
    }

    // continue with your code
   var header = "<html xmlns:o='urn:schemas-microsoft-com:office:office' "+
        "xmlns:w='urn:schemas-microsoft-com:office:word' "+
        "xmlns='http://www.w3.org/TR/REC-html40'>"+
        "<head><meta charset='utf-8'><title>Export HTML to Word Document with JavaScript</title></head><body>";
   var footer = "</body></html>";
   var sourceHTML = header+document.getElementById("source-html").innerHTML+footer;
   
   var source = 'data:application/vnd.ms-word;charset=utf-8,' + encodeURIComponent(sourceHTML);
   var fileDownload = document.createElement("a");
   document.body.appendChild(fileDownload);
   fileDownload.href = source;
   fileDownload.download = 'document.doc';
   fileDownload.click();
   document.body.removeChild(fileDownload);
}

<body>
<div class="source-html-outer">
    <div id="source-html">
        <h1>
            <center>Artificial Intelligence</center>
        </h1>
        <h2>Overview</h2>
        <p>
            Artificial Intelligence(AI) is an emerging technology
            demonstrating machine intelligence. The sub studies like <u><i>Neural
                    Networks</i>, <i>Robatics</i> or <i>Machine Learning</i></u>
            are the parts of AI. This technology is expected to be a
            prime part of the real world in all levels.
        </p>        
        
    </div>
    <div class="content-footer">
        <!-- move this form the div you convert to DOC-->
        <input type="text" value="123456" />
        <input type="text" value="123456" style="margin-left: 150px;"/>
        <button id="btn-export" onclick="exportHTML();">Export to word
            doc</button>
    </div>
</div>

how to convert html file to word file in php

There is an API. Please go through it.

https://github.com/PHPOffice/PHPWord

You can see in above link's page, they have converted something like below:

// Saving the document as OOXML file...
$objWriter = \PhpOffice\PhpWord\IOFactory::createWriter($phpWord, 'Word2007');
$objWriter->save('helloWorld.docx');

convert HTML to word format

 HttpContext.Current.Response.Clear();  
 HttpContext.Current.Response.Charset = "";  
 HttpContext.Current.Response.ContentType = "application/msword";  
 string strFileName = "docName" + ".doc";  
 HttpContext.Current.Response.AddHeader("Content-Disposition", "inline;filename=" + strFileName);  

 StringBuilder strHTMLContent = new StringBuilder();  
 strHTMLContent.Append("<html xmlns:v=\"urn:schemas-microsoft-com:vml\" xmlns:o=\"urn:schemas-microsoft-com:office:office\" xmlns:x=\"urn:schemas-microsoft-com:office:word\" xmlns=\"http://www.w3.org/TR/REC-html40\"><head></head><body>");
 strHTMLContent.Append(htmlContent); 
 strHTMLContent.Append("</body></html>");    

 HttpContext.Current.Response.Write(strHTMLContent);  
 HttpContext.Current.Response.End();  
 HttpContext.Current.Response.Flush();

Convert HTML to Word File

Convert HTML to Word DOC where I have input field

how to convert html file to word file in php

convert HTML to word format

Related Topics

Leave a reply