在html中嵌入文本文件

时间:2013-10-11 17:48:20

标签: html html5 text embed text-files

我想在服务器上存储的HTML页面(.rtf.txt.log,...)中显示文本文件的内容。

我尝试使用embed,但似乎无效。

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

有一个“简单”方法(或标签)可以做到这一点,或者我应该扫描内容并使用例如jQuery打印它?

7 个答案:

答案 0 :(得分:8)

这样的事情应该这样做:

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

答案 1 :(得分:7)

使用带有.append()函数的$ .ajax()函数,您可以轻松获取文本文档的内容并在页面上显示它们。你在下面看到的东西。在页面加载时执行此操作以立即将文件加载到页面的其余部分。

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

稍微玩一下,以获得您正在寻找的正确结果。您也可以使用PHP,但除非您真的需要解析数据,否则PHP在这种情况下有点过分。

答案 2 :(得分:3)

仅适用于插件内容(flash等)。 尝试使用ajax获取内容,然后使用document.write编写内容; 或者以后端语言(PHP,ASP等)使用include标记

答案 3 :(得分:2)

在这种情况下,iFrame 可能很有用。

<iframe src="/path_to_text_file/text.rtf" width="500" height="300" frameBorder="0">

答案 4 :(得分:0)

注意:与Keith V的答案相似而道歉并且他提到的事实得到了请求 - 我在发布答案后才注意到他对获取请求的评论。

我发现以下结构很有用,并允许我将文本设置为跨度样式而不必使用对象:

&#13;
&#13;
<?php

namespace App\Http\Controllers;

use Illuminate\Http\Request;
use App\Treatment;
use Auth;

class TreatmentsController extends Controller
{
    //Post request 
    //Add Treatment
    public function add(Request $request){
        if (Auth::check())
          {
            $treatment = new Treatment;
            $treatment->name = $request->treatmentName;
            $treatment->user_id = Auth::user()->id;
            $treatment->company_id = Auth::user()->company->id;
            $treatment->save();
          }else{
            //user not logged in
          }
      }

}
&#13;
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
&#13;
&#13;
&#13;

它适用于我的Dropbox内容,但我不明白为什么它不适用于可公开查看的文本文件。正如您在代码中看到的,您需要jquery。

答案 5 :(得分:-2)

我发现将HTML5代码插入网站的最佳方法是将代码保存到新的文本文档中并使用嵌入该文档。然后你可以使用css和div格式化代码。

答案 6 :(得分:-4)

只需使用php。将html格式更改为php并使用

  

echo file_get_contents(&#34; name_of_the_file.txt&#34;);

这很简单。 你必须使用php,因为你必须在服务器端输出你的文本,除非信息不会显示给客户端。

我认为这是做你想做的最简单的方法。