ウェブ上で表示されているpdfに文字入力できるようにしたい。

ページをご覧になって頂きありがとうございます。まだまだ知識不足なため、ご協力・ご鞭撻いただけると幸いです。

【実現したいこと】
・ウェブサイトのページ内に表示してあるpdfにユーザーがウェブ上で文字入力（編集ではない）できるようにする

【現状】
・元のpdfは直接文字入力可能なデータを作成済み
・iframeタグでWeb上で表示できている
・「PDF.js」などのプラグインは使用していない

【困っていること】
・元のデータでは直接入力できるが、ウェブ上では入力欄をダブルクリックしてもレスポンスがない。

html
1    <form class="pdf-wrap" action="confirm.php" method="post" name="form" onsubmit="return validate()">
2      <iframe style="width:100vw;height:100vh" src="documents/Applicationform.pdf"></iframe>
3      <button type="submit">SUBMIT</button>
4    </form>

【イメージ】
以下のように、pdfファイルの記入欄に対して書き込む（書き込んでいる風ではなく）ようにしたいです。
もしできない場合には、背景画像＋inputタグで作成しようかと考えています。

miyabi_pudding

2019/09/29 09:21 編集

どういった状態を作りたいのか、イメージ画像でもいいので、図で説明されるといいかと思います。今だと、ファイルに対して書き込むのか、見かけだけでも書き込んでいる風に見えればいいのか、が見えてきません。そのPDFファイルに対して、なのか、それとも見かけなのかによって、実装難易度、そもそも実装可能かどうかも変わってきます。

Res

2019/09/29 11:20

>ウェブサイトのページ内に表示してあるpdfにユーザーがウェブ上で文字入力（編集ではない）できるようにするとありますが、何を入力するのかがわかりません。しっかり質問を改正していただければ回答につながります。

Res

2019/09/29 11:21

また、 >まだまだ知識不足なため、ご協力・ご鞭撻いただけると幸いです。とありますので、質問の編集から初心者マークをつけてはいかがでしょう。もしかしたら回答が来るかもしれません。

行動規範の内容に同意します

回答1件

ベストアンサー

質問の修正を受けて、回答させていただきます。

入力をし、そのままプリントをさせたい、ということでしょうか？？

Web上では、たとえ書き込みできるPDFだったとしても、書き込みはできません。
調べたところ、PDFに入力できる機能は、Acrobat ReaderなどのPDFを扱えるアプリケーション上での機能です。
今後、Webブラウザにても同様の機能が搭載される可能性はありますが、
現状では各種モダンブラウザでも不可です。
なので、iframeの上に、HTML上のinputなどで見かけ上入力させるのがいいかと思います。
もしくは、PDFをダウンロードしてもらい、入力してもらう方がいいかと。
Web上では、説明文と図だけ載せておくとかです。

投稿2019/09/30 00:45

miyabi_pudding

総合スコア9528