我想在存储在服务器上的HTML 页面 ( .rtf
, .txt
, ,...) 中显示文本文件的内容。.log
我已经尝试过,embed
但似乎不起作用。
<embed src="/path_to_text_file/text.rtf" width="500" height="300">
有一个“简单”的方法(或标签)可以做到这一点,或者我应该扫描内容并使用例如 jQuery 打印它?
我想在存储在服务器上的HTML 页面 ( .rtf
, .txt
, ,...) 中显示文本文件的内容。.log
我已经尝试过,embed
但似乎不起作用。
<embed src="/path_to_text_file/text.rtf" width="500" height="300">
有一个“简单”的方法(或标签)可以做到这一点,或者我应该扫描内容并使用例如 jQuery 打印它?
这样的事情应该这样做:
<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>
在内部使用带有 .append() 函数的 $.ajax() 函数,您可以轻松地获取文本文档的内容并将它们显示在页面上。类似于您在下面看到的内容。在加载页面时执行此操作,以立即将文件与页面的其余部分一起加载。
$.ajax({
async:false,
url: 'folder/file.txt',
dataType: 'text',
success: function(data)
{
$('element').append(data);
}
});
稍微玩一下以获得您正在寻找的正确结果。您也可以使用 PHP,但除非您真的需要解析数据,否则 PHP 在这种情况下有点矫枉过正。
仅适用于插件内容(flash 等)。尝试使用 ajax 获取内容,然后使用document.write
; 或者include
在后端语言(PHP、ASP 等)中使用标签
在这种情况下,iFrame 可能很有用。
<iframe src="/path_to_text_file/text.rtf" width="500" height="300" frameBorder="0">
注意:对于与 Keith V 的答案的相似性以及他提到的获取请求这一事实深表歉意——我只是在发布我的答案后才注意到他对获取请求的评论。
我发现以下结构很有帮助,并允许我将文本样式设置为跨度,而不必使用对象:
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。
我发现将 HTML5 代码插入网站的最佳方法是将代码保存到新的文本文档中,然后使用 . 然后您可以使用 css 和 div 格式化代码。
只需使用 php。将html格式更改为php并使用
echo file_get_contents("name_of_the_file.txt");
就那么简单。您必须使用 php,因为您必须在服务器端输出文本,除非信息不会显示给客户端。
我认为这是做你想做的最简单的方法。