Fancybox打开文本文件？

我想做一个网站，我可以用某种类型的fancybox文件预览，像例如，图像，文本文档等Fancybox打开文本文件？

这样做：

$(".text").fancybox(); 

<a class="text" href="document.css" title="document.css"><img src="files.png"/>OPEN ME</a>

它打开文档但它不尊重文档的边距和格式，我的意思是，所有内容都写在同一行中，因为我认为它会打开它，就好像它是HTML，而不是文本编辑器。

那么，有人如何打开它的方式Notepad ++或GEdit，例如，打开它？

谢谢！

2012-12-19 javiaf

请把它添加到jsfiddle.net，并显示更多详细信息 – arjuncc

您需要将文档作为参数传递给父页面，该页面使用插件获取文件和格式，如SyntaxHiglighter：http://alexgorbatchev.com/SyntaxHighlighter/。在浏览器中打开文本文件将导致不可读的混乱。 –

好吧，我刚刚意识到，如果你添加到类'文本'的fancybox'propierty'类型：iframe'它正常工作。（{“text”）。fancybox（{ 'type'\t \t \t \t：'iframe' }）; – javiaf

对于大多数的文本文件，你可能需要使用iframe，这样可以保持格式打开它们，那么你的链接应该是这样的：

<a class="text fancybox.iframe" href="http://fancyapps.com/fancybox/source/jquery.fancybox.css">open css file</a>

...注意特殊类fancybox.iframe。然后你的代码那样简单：

$(".text").fancybox();

见DEMO

欲了解更多有关如何选择内容的fancybox type，检查：https://stackoverflow.com/a/13869696/1055987

2012-12-19 18:52:19 JFK

回答