Populate word document from html form-CodePudding

The

CodePudding user response：

Well, I don't know how to exactly do that, I am also a beginner like you. What seems to help you might be connecting your form with Google Sheets. The Google Spread Sheet will store all data submitted via your form. You can then use this data wherever you want.

There is an open source project for this task, you can do that by following the steps stated here:

CodePudding user response：

As a new developer, I want to advise you that you are getting into some challenging territory here and many of the solutions might require some heavy experience with programming and MS Word. In this forum, there are many options you can try, but from what I gather you will need to learn about macros.

The second option you could try are some services that will do this for you for a fee. Here are two options. Check out Formstack or Jotform

If you use this type of service, you would create a form action within your html code that will merge the data from the form into the Microsoft Word Document using merge tags.

The third option you can try is using Javascript within the form to populate the Word Document. The code would look more like this:

function Export2Word(element, filename = ''){ var preHtml = "<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 Doc</title></head><body>"; var postHtml = "</body></html>"; var html = preHtml document.getElementById(element).innerHTML postHtml; var blob = new Blob(['\ufeff', html], { type: 'application/msword' }); // Specify link url var url = 'data:application/vnd.ms-word;charset=utf-8,' encodeURIComponent(html); // Specify file name filename = filename?filename '.doc':'document.doc'; // Create download link element var downloadLink = document.createElement("a"); document.body.appendChild(downloadLink); if(navigator.msSaveOrOpenBlob ){ navigator.msSaveOrOpenBlob(blob, filename); }else{ // Create a link to the file downloadLink.href = url; // Setting the file name downloadLink.download = filename; //triggering the function downloadLink.click(); } document.body.removeChild(downloadLink); } Export HTML Table Data to Excel using JavaScript HTML Content: Wrap the HTML content in a container you want to export to MS Word document (.doc). <div id="exportContent">  </div>

Last option would be using PHP, and I recommend watching this video by CodexWorld and reviewing the post that goes along with it here. This is a challenging concept, so I would encourage you to take your time.

Hopefully this will help and best of luck.