変更後の値がPDF変換後に表示されない

Question

htmlページを作成しました。このページには、テキストフィールドで変更できる値がいくつかあります。これがどのように機能するかの例：

Voornaam: <h3 class="title1">Test</h3> 
     <input type="text" id="myTextField1"/> 
     <input type="submit" id="byBtn" value="Change" onclick="change1()"/><br/> 

機能にリンクされている：

function change1(){ 
    var myNewTitle = document.getElementById('myTextField1').value; 
    if(myNewTitle.length==0){ 
     alert('Write Some real Text please.'); 
    return; 
    } 
    var titles = document.getElementsByClassName('title1'); 
    Array.prototype.forEach.call(titles,title => { 
    title.innerHTML = myNewTitle; 
    }); 
} 

ここで変更することになっているものは次のとおりです。

<p class="title1">Test.</p><p class="title2">Achternaam</p> 

それは、この値を変更しない、しかし、私はwkhtmltopdfを使用してhtmlからPDFへのメソッドを作成しました。変換後、最初の値が返されます。私の新しい価値はPDF版ではありません。

私はhtmlをPDFに変換する方法の例を提供することができますが、wkhtmltopdfを使用する単純なコマンドなので、これは不要です。

私の新しい価値が変換されてPDFに表示されるよう、どのようにして誰に教えてもらえますか？

編集： 変換の仕組みの説明私のhtmlページの下部に

があります：

これを実行します

<?php 
     $link_address = 'convert.php'; 
      echo "<a href='".$link_address."'>converten naar pdf.</a>"; 
      ?> 

：

$command = '/usr/local/bin/wkhtmltopdf [my link here] '.$path; 

if($status = 1){ 
shell_exec($command); 
echo 'De offerte is omgezet naar pdf en opgeslagen in: '. $path; 
} 

これは機能しますが、私は私の変更値で..ない言ったように。

Answer 1

変更をサーバーに送信する必要があります。フォームを提出するのとまったく同じです。これを行うには

一つの方法は、あなたのJSコードはまた、非表示の入力フィールドを設定することです：

<form id="changes" action="convert.php" method="post"> 
    <input type="hidden" name="title"> 
    <!-- more inputs here --> 
    <input type="submit" value="converten naar pdf."> 
</form> 

ユーザーがそのフォームを送信すると、あなたのconvert.phpは今

• HTMLドキュメント
を読むことができます
• オリジナルタイトルを$_POST['title']
• と置き換えて、変更されたドキュメントを一時ファイルとして保存します。
• 変換を実行する