web-dev-qa-db-ja.com

HTMLにテキストファイルを埋め込む

HTMLページ内のテキストファイルの内容を表示したい（.rtf、.txt、.log、...）サーバーに保存されます。

私はembedで試しましたが、うまくいきません。

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

それを行うための「単純な」メソッド（またはタグ）があるか、コンテンツをスキャンして、たとえばjQueryで印刷する必要がありますか？

htmltextembedtext-files
14
damoiser

$ .ajax（）関数を.append（）関数と共に使用すると、テキストドキュメントのコンテンツを簡単に取得して、ページに表示できます。以下に表示されるものに沿って何か。ページのロード時にこれを実行して、ページの残りの部分とともにファイルをすぐにロードします。

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

あなたが探している正しい結果を得るために、少し遊んでみてください。 PHPを使用することもできますが、実際にデータを解析する必要がない限り、PHPはこの状況では少しやりすぎです。

8
Keith V

このような何かがそれをするはずです：

<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>
9
JonasT

プラグインコンテンツ（フラッシュなど）専用です。 ajaxを使用してコンテンツを取得してから、document.write;または、バックエンド言語（PHP、ASPなど）でincludeタグを使用します

3
zzxx53

注：キースVの回答と彼がgetリクエストについて言及した事実への類似性についての謝罪-私は私の回答を投稿した後、getリクエストに関する彼のコメントに気づきました。

次の構造が役立ち、オブジェクトを使用する必要がなく、テキストをスパンとしてスタイル設定できます。

function append_url_content_to_div(url){
  $.get(url, function(returned_data){
    console.dir(returned_data);
    var content = '<span>'+returned_data+'</span>';
    $("#appendee_div").append(content);                                                         
  });
}
append_url_content_to_div("https://dl.dropbox.com/s/euk874r7zd1cx0d/example_text.txt?dl=0"); //note that it has to be "dl." not "www." in dropbox
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="appendee_div"></div>

Dropboxコンテンツでは機能しますが、一般公開されているテキストファイルで機能しない理由はわかりません。コードからわかるように、jqueryが必要です。

0
it Haffens