2013-10-11 20 views
9

HTMLページ(.rtf.txt.log、...)内にテキストファイルの内容を表示したいと思います。HTMLにテキストファイルを埋め込む

私はembedで試しましたが、うまくいかないようです。

<embed src="/path_to_text_file/text.rtf" width="500" height="300"> 

「簡単な」方法(またはタグ)はjQueryのは、それを行うのか、私はコンテンツをスキャンし、それを印刷する必要があり、例えばあるのでしょうか?

+0

代わりにオブジェクトを使用 – Dvir

+0

@Dvirオブジェクトでそれは私にファイルの内容を表示せずに自動的にダウンロードを開始します – damoiser

+0

埋め込みまたは包含を意味しますか? RTFまたはプレーンテキスト?異なるもの。 –

答えて

5

を.appendでの$アヤックス()関数を使用して()テキストドキュメントの内容を簡単に取得してページに表示することができます。あなたが下に見るもののラインに沿って何か。ページのロード時にこれをプリフォームして、ファイルをページの残りの部分にすぐにロードします。

$.ajax({ 
     async:false, 
     url: 'folder/file.txt', 
     dataType: 'text', 
     success: function(data) 
     { 
     $('element').append(data); 
      } 
     }); 

あなたが探している正しい結果を得るには、ちょっと試してみてください。 PHPを使用することもできますが、実際にデータを解析する必要がないかぎり、PHPはこの状況では少し過剰です。

+0

+1少し複雑ですが動作します;) – damoiser

+0

これは組み込みではなく埋め込みです。たぶん、実際には欲しかったのですが、何が尋ねられたのでしょうか。 –

+0

申し訳ありませんdamoiser、しかしそれはあなたのためにうれしいです。また、$ .get()リクエストを使用することもできます。私は、あなたが制御できるオプションが多いオリジナルのAjaxリクエストをあなたに与えると思いました。 –

1

は、プラグインのコンテンツ(フラッシュなど)用です。 ajaxを使用してコンテンツを取得してから、document.writeと入力してください。 またはバックエンド言語(PHP、ASPなど)にincludeタグを使用して、このような

+0

+1私に仕事の正しい方向性を与えるために、Keith Vがあなたよりも完全な解決策を私に与えてくれるので最高の答えが得られます – damoiser

6

何かがそれを行う必要があります。

<object data="/path_to_text_file/text.txt" type="text/plain" 
width="500" style="height: 300px"> 
<a href="/path_to_text_file/text.txt">No Support?</a> 
</object> 
+0

Chromeでうまく動作しません、コンテンツを表示せずに自動的にダウンロードを開始するようです – damoiser

+0

投稿されたコードはうまく機能します。 RTFファイルの同様のコードはそうではないかもしれません。 –

+0

@ JukkaK.Korpelaは.rtfファイルでテスト済み – damoiser

-3

PHPを使用してください。 html形式をPHPに変更して使用します。

echo file_get_contents( "name_of_the_file.txt");

シンプルなものです。 情報がクライアントに表示されない限り、サーバー側でテキストを出力する必要があるため、phpを使用する必要があります。

私はあなたがしたいことをする最も簡単な方法だと思います。

+1

私はPHP、ASP、AngularJSのようなサーバー側言語プログラミングを使用しなければならないとは思わない。確かにそれは簡単ですが、私の質問はクライアント側でのみ実装する方法でした。 * what *を使用してそのドキュメントを埋め込みました – damoiser

-3

HTML5コードをウェブサイトに挿入する最も良い方法は、コードを新しいテキストドキュメントに保存し、そのドキュメントを埋め込むことです。次に、cssとdivを使用してコードを書式設定できます。

+2

を参照してください。 – dwilliss

関連する問題